CSS滤镜

• Filter属性介绍
• Alpha滤镜的使用
• Blur滤镜的使用
• Filph、Filpv滤镜
• DropShadow滤镜
• Glow 滤镜
• Gray ,Invert,Xray 滤镜
• Shadow滤镜

19.1 Filter属性介绍

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

19.2 Alpha滤镜的使用

属性 值 说明

opacity 0-100 对象的亮度

style 1,2,3 滤镜的样式

例：Filter:alpha( opacity=100,style=3)

19.3 Blur滤镜的使用

属性 值 说明

add true/false 是否印象派

direction 0-360 角度

strength 数字 模糊度

19.4 Fliph、Flipv滤镜

属性 值 说明

无

19.5 DropShadow滤镜

属性 值 说明

color 颜色 阴影颜色

offx 数字 x坐标偏移

offy 数字 y坐标偏移

positive true/false 是否建立透明

19.6 Glow 滤镜

属性 值 说明

color 颜色 发光颜色

strength 数字 发光厚度

19.7 Gray ,Invert,Xray 滤镜

属性 值 说明

无

19.8 Shadow 滤镜

属性 值 说明

color 颜色 阴影颜色

direction 0-360 阴影方向

strength 数字 阴影厚度