在线建站培训
您的位置: 魔客吧魔客学院div+css视频教程查看内容

课时2-6:CSS滤镜的应用

讲师:moke | 课程:div+css视频教程


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的综合应用”一课中继续介绍。
课程QQ群:146535366 报名截止时间:2月23日 咨询客服QQ:272922238