滤镜

19.1Filter属性介绍
格式:
filter:xxxxx(xxx=xx);如:filter:alpha(opacity=50);
filter:xxxxx(xxx=xx,xxx=xx);如:filter:alpha(opacity=50,style=2);

19.2Alpha滤镜的使用
属性:
opacity 0~100 对象的亮度
style 1.2.3 滤镜的样式

19.3Blur滤镜的使用
属性:
add true/false 是否印象派
direction 0~360 角度
strength 数字 模糊度

19.4Fliph、Flipv滤镜
属性:
fliph 无 垂直翻转
flipv 无 水平翻转
filter:fliph flipv(无);即可既垂直又水平翻转

19.5DropShadow滤镜
属性:
color 颜色 阴影颜色
offx 数字 x坐标偏移
offy 数字 y坐标偏移

19.6Glow滤镜
属性:
color 颜色 发光颜色
strength 数字 发光厚度

19.7Gray、Invert、Xray滤镜
属性:
gray 无 黑白
invert 无 反光
xray 无 x射线

19.8Shadow滤镜
属性:
color 颜色 阴影颜色
direction 0~360 阴影方向
strength 数字 阴影厚度

 


<!--filter:alpha(opacity=90,style=1);
<!--opacity:0.5;(l另版本的Alpha滤镜)-->
<!--filter:blur(strength=15,direction=275,add=false);(Blur滤镜)-->
<!--filter:fliph flipv();(Fliph、Flipv滤镜)-->
<!--filter:dropshadow(color=green,offx=5,offy=5);(DropShadow滤镜)-->
<!--filter:glow(color=red,strength=10);(Glow滤镜)-->
<!--filter:alpha(opacity=90,style=2);
opacity:0.5;-->

posted on 2016-10-31 19:08  加号与剑豪  阅读(110)  评论(0编辑  收藏  举报

导航