正文

CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课2009-02-02 14:29:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/wuhuaitang/40703.html

分享到:

友情推荐:http://www.114study.com/?ybtg=wuhuaitang


本节课时长11分38秒,下载文件9.47兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

CSS滤镜并不是浏览器的插件,也不符合CSS标准,而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。由于浏览器IE有着很广的使用范围,因此CSS滤镜也被广大设计者所喜爱。本课主要介绍CSS各个滤镜的使用方法,包括定义滤镜、加载滤镜、实例解析等等。

CSS滤镜的标识符是“filter”,总体上跟其它CSS语句一样,都十分简单,进行滤镜操作必须先定义filter,filtername是滤镜属性名,包括alpha、blur、chroma等多种属性,parameters是表示各个滤镜属性的参数,也正是这些参数决定了滤镜将以怎样的效果显示。
滤镜分基本滤镜和高级滤镜两种,基本滤镜通常指可以直接作用在对象上,便能立即生效的滤镜,主要有以下几种:

1. Alpha 通道 
2. 模糊效果(Blur)
2. 移动模糊(Motion Blur)
3. 透明色(Chroma)
4. 下落阴影(Drop Shadow)
5. 对称变换(Flip)
6. 光晕(Glow)
7. 灰度(Grayscale)
8. 反色(Invert)
9. 遮罩(Mask)
10. 阴影(Shadow)
11. X光效果(X-ray)
12. 浮雕(Emboss、Engrave)
13. 波浪(Wave)

高级滤镜指需要配合javascript等脚本语言,能产生更多变幻效果的滤镜,主要包括BlendTrans(渐隐变换)、RevealTrans(变换)、Light(灯光)等。本课主要介绍CSS的基本滤镜,高级滤镜将在“CSS与Javascript的综合应用”一课中继续介绍。


 

阅读(1604) | 评论(0)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

暂无评论
您需要登录后才能评论,请 登录 或者 注册