首页 > CSS+div网页布局视频 > 网页设计CSS滤镜的应用 - CSS+DIV布局设计专题讲解 - 第7课

网页设计CSS滤镜的应用 - CSS+DIV布局设计专题讲解 - 第7课

发布-网页培训班 | 浏览量-

在线视频

在线下载

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

原文地址:http://www.35ui.cn/post/20100421315.html

标签北京网页制作网站优化培训网页设计公司快捷键大全平面设计培训班北京网站服务器北京网站制作做网页网站模板设计

上一条: 网页设计用CSS制作漂亮的菜单- CSS+DIV布局设计专题讲解 - 第6课
下一条: 网站搜索引擎登录入口及注意事项!

  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码