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的综合应用”一课中继续介绍。
30,430
learning html css…
So much information on learning html css to trawl through but I’m glad I found CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课 - CSS,Javascript,jQuery,视频教程 …. It was quite high up the search as well so you’re definitely doing somet…
温老师,我的另外申请的ip 空间ok,了吗?
老师你好!我也是照你的视频做的，但是做不出来那个chrome的效果啊？
老师你好。我照你的视频作怎么，怎么做不出Alpha 通道的透明啊。
明明，
要在IE6中使用alpha透明的PNG，可以使用滤镜，具体有一些限制：
这个滤镜要生效，那么使用这个滤镜的对象，比如这里的div，必须是定位过的。所谓“定位”过，可以使用以下几种方式实现：(1)设置了height或 width属性；(2)或设置为绝对定位；(3)或将writingMode属性设置为tb-rl，(4)或将contentEditable属性设置为 true。
最近想改善下网站的页面，所以过来看看，试听了一下，不错，希望你们越来越红火。
lurenqi ，
谢谢您的鼓励，欢迎常来这里交流哦！
谢谢你的教程，我都下载了。回去看。我也刚接触CSS。以后有什么不会的还要来请教你。
祝站长好运！
冰缘 ，
好啊，如果遇到问题，欢迎来这里交流！
谢谢老师啊。这些课程讲的都太好了。谢谢你们的精神。。。 别的都像你们这样中国的孩子都有希望了 。O(∩_∩)O哈哈~
hero，
谢谢您的鼓励！欢迎常来这里交流~
讲的很好
☆阿修罗☆，
谢谢您的鼓励，欢迎常来这里交流！
讲的很好！
xia，
谢谢您的鼓励，欢迎常来这里交流！