CSS滤镜的使用与讲解

　　CSS的滤镜Filter 属性使用越来越广泛，主要用来给网页增加显示效果。以下是青锋建站给ddp介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜的使用介绍。

1、CSS中Filter 属性介绍

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

2、Alpha 滤镜的使用

属性	值	说明
opacity	0-100	对象的亮度
style	1,2,3	滤镜的样式

3、Blur 滤镜的使用

属性	值	说明
add	true/false	是否印象派
direction	0-360	角度
strength	数字	模糊度

4、Fliph、Flipv 滤镜
5、DropShadow 滤镜

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

6、Glow 滤镜

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

7、Gray ,Invert,Xray 滤镜
8、Shadow 滤镜

属性	值	说明
color	颜色	阴影颜色
direction	0-360	阴影方向

　　以上就是青锋建站给ddp介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜的使用介绍。青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，专业做优化型网站，为企业构建营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/filter.html