《2022年深入透析样式表滤镜(下)CSSHTML教程.docx》由会员分享,可在线阅读,更多相关《2022年深入透析样式表滤镜(下)CSSHTML教程.docx(3页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年深入透析样式表滤镜(下)CSSHTML教程 6、遮罩滤镜 作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。 语法: {filter:mask(color=color)} 参数:该滤镜的color参数表示覆盖对象表面的颜色,例如假如遮罩颜色为绿色,那么就应当设置color=blue。 7、阴影滤镜 作用:阴影滤镜就是给对象添加阴影效果,其工作原理是建立一个偏移量,加上色调。 语法:{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)
2、5;参数:该滤镜中的Color参数表示投射阴影的颜色,offx 表示水平方向阴影的偏移量,offy 表示竖直方向阴影的偏移量,Positive参数是一个布尔值,其数值假如为TRUE,就为任何的非透亮像素建立可见的投影,假如为FASLE,就为透亮的像素部分建立透亮效果。 8、灰度滤镜 作用:该滤镜主要是将图象对象转换成灰度形式显示。 语法:{filter:gray} 参数:该滤镜没有参数。 9、翻转滤镜 作用:翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。 语法:{filter:filph} {filter:filpv} 参数;这种
3、滤镜也不带参数,其中{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是设置正弦波的振幅大小的。(出处: