当前位置:首页 > DIV+CSS教程 > 正文

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

作者:曾顺 来源:前沿视频教室 【 】 浏览: 添加日期:2008-06-26 我要评论(1)     

点击在线观看

下载该节视频教程 动力软件园分流下载 FLV播放器下载 或者使用QQ影音播放

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

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频 css滤镜

所属专题:视频教程

更多评论(1)..会员评论

稀里糊涂(58.254.*.*) 发表于:2009-12-07 20:55:23
好漂亮的导航哦,请问老师 这种方法和 onmouseover this.className='XXX'有什么关系呢?
管理员回复:你说的是JS事件,当鼠标移上后改变样式

出差旅游免费预订酒店

【视频教程】新手常见问题