第七章 CSS 各种滤镜

小秋同学 10-24 08:14:05 学习园地

默认

摘要： CSS的滤镜Filter 属性使用越来越广泛，今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。更多滤镜样式

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 滤镜的使用

属性	值	说明
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	阴影方向

原贴： http://www.zb7.com//thread-6885-1-1.html

标签： CSS教程 JS教程技巧学习建站学习网站建设怎么建站

文章版权及转载声明：

编辑:小秋同学本文地址：https://www.qiuhai.com/study/800.html发布于 10-24 08:14:05
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明，均采集网上收集，若要转载请务必注明出处，尊重他人劳动成果共创和谐网络环境。声明：某些文章来源于网络，所采集的到信息本站只为传递信息和分享，不做任何双方证明，也不承担任何法律责任。文章内容若侵犯你的权益，请联系本站客服删除！

施舍