当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 深入透析样式表滤镜(下)

HTML/XHTML教程
你应该知道的CSS的十八个技巧
初学者很好的参考:HTML标签详尽讲解
学习网页标准制作技术之CSS相关基础知识
学习网页标准制作网页之CSS混合布局应用
HTML基础教程:详细学习常用HTML标签的语义
网页设计基础:基本的页面设计元素布局比例
网页制作基础:图像文件的路径知识
html基础系列教程Ⅰ:从p开始,循序渐进
html基础系列教程Ⅱ:丰富段落里的标签
html基础系列教程Ⅲ:用途相似的标签
html基础系列教程Ⅳ:链接与文本标签们
html基础系列教程Ⅴ:美化段落文本Ⅰ
html基础系列教程Ⅵ:美化段落文本Ⅱ
Web标准知识:(X)HTML Strict 下的嵌套规则
Web标准知识:语义与样式无关
Web标准知识:DIV不是万能膏药
web标准知识:当标题不能显示完整的时候
web标准知识:以图换字的几个方法及思路
CSS教程:legend标签设定宽度的技巧
html基础:常用小技巧几例

HTML/XHTML教程 中的 深入透析样式表滤镜(下)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 36 ::
收藏到网摘: n/a

    6、遮罩滤镜

    作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。

    语法: {filter:mask(color=color)}

    参数:该滤镜的color参数表示覆盖对象表面的颜色,例如如果遮罩颜色为绿色,那么就应该设置color=blue。

    7、阴影滤镜

    作用:阴影滤镜就是给对象添加阴影效果,其工作原理是建立一个偏移量,加上色彩。

    语法:{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)}
参数:该滤镜中的Color参数表示投射阴影的颜色,offx 表示水平方向阴影的偏移量,offy 表示竖直方向阴影的偏移量,Positive参数是一个布尔值,其数值如果为TRUE,就为任何的非透明像素建立可见的投影,如果为FASLE,就为透明的像素部分建立透明效果。

    8、灰度滤镜

    作用:该滤镜主要是将图象对象转换成灰度形式显示。

    语法:{filter:gray}

    参数:该滤镜没有参数。

    9、翻转滤镜

    作用:翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。

    语法:{filter:filph} {filter:filpv}

    参数;这种滤镜也不带参数,其中{filter:filph}是实现水平翻转的,{filter:filpv} 是实现竖直翻转的。

    10、X光滤镜

    作用:X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。

    语法: {filter:xray}

    参数:该滤镜本身不含有参数。

    11、倒置滤镜

    作用:使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。

    语法: {filter:invert}

    参数:该滤镜没有参数。

    12、波纹滤镜

    作用:波纹滤镜可以在水平和竖直方向利用正弦波打乱图象,使图象产生水波效果。

    语法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

    参数:该滤镜的add参数是一个布尔数值,它是用来表示是否要把对象按照波形样式打乱;freq参数是用来设置波纹频率的,也就是指定在对象上一共需要产生多少个完整的波纹;lightstrength参数可以设置波纹光影的增强效果的,其数值范围在0到100之间;phase参数是用来设置正弦波的偏移量的,strength是设置正弦波的振幅大小的。