深入透析样式表滤镜(下),深入透析样式表滤镜(下)
【 tulaoshi.com - Html 】
6、遮罩滤镜
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/html/）作用：该滤镜可以为对象建立一个覆盖于表面的膜，其效果就象戴着有色眼镜看物体一样。
语法： {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是设置正弦波的振幅大小的。
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/html/）
来源:https://www.tulaoshi.com/n/20160129/1487226.html
看过《深入透析样式表滤镜(下)》的人还看了以下文章 更多>>
