CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课

本节课时长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的综合应用”一课中继续介绍。