CSS的滤镜Filter 属性使用越来越广泛,今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。更多滤镜样式请下载样式表滤镜中文手册chm
第七章 CSS 各种滤镜(图1)1、Filter 属性介绍

设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的height 或width 属性,或者设定position 属性为absolute,或者设定display 属性为block。请参阅对象的hasLayout 属性。若要在img 对象上应用shadow 滤镜,可以在该对象img 对象的父容器上应用。滤镜的机制是可扩展的。通过利用Microsoft® DirectX® Media SDK,你可以使用C++开发和使用第三方滤镜。该属性在MAC 平台上不可用。对应的脚本特性为filter。

2、Alpha 滤镜的使用

属性说明
opacity0-100对象的亮度
style1,2,3滤镜的样式



3、Blur 滤镜的使用

属性说明
addtrue/false是否印象派
direction0-360角度
strength数字模糊度



4、Fliph、Flipv 滤镜

属性 值 说明


5、DropShadow 滤镜

属性说明
color颜色阴影颜色
offx数字x坐标偏移
offy数字y坐标偏移
positivetrue/false是否建立透明



6、Glow 滤镜

属性说明
color颜色发光颜色
strength数字发光厚度



7、Gray ,Invert,Xray 滤镜

属性 值 说明


8、Shadow 滤镜

属性说明
color颜色阴影颜色
direction0-360阴影方向