标签：
详解CSS中滤镜的使用(4) 详解(47)Mask(1)PHASE(1)参数(6)滤镜(10)使用(77)CSS(823)
9、Mask 滤镜 PHASE参数用来设置正弦波的偏移量。 7、Gray ,Invert, 详解CSS中滤镜的使用(3) ,Xray 滤镜 filter:shadow(color=red,direction=225) filter:shadow(color=blue,direction=225) filter:shadow(color=gray,direction=225) 效果分辨如下： CSS滤镜效果之好汉救美 上节咱们已经学习了多少个滤镜的使用，有不感到滤镜十分棒呢, 详解CSS中滤镜的使用(2)
《
详解CSS中滤镜的使用(4)》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234Y12013.htm
9、Mask 滤镜
“PHASE”参数用来设置正弦波的偏移量。
7、Gray ,Invert,详解CSS中滤镜的使用(3),Xray 滤镜
filter:shadow(color=red,direction=225)
filter:shadow(color=blue,direction=225)
filter:shadow(color=gray,direction=225)
效果分辨如下：
CSS滤镜效果之好汉救美
上节咱们已经学习了多少个滤镜的使用，有不感到滤镜十分棒呢,详解CSS中滤镜的使用(2)，本文我们持续进行其余滤镜的学习。
10、Shadow 滤镜
“FREQ”是波纹的频率，也就是指定在对象上一共须要产生多少个完全的波纹，
应用“Shadow”属性可以在指定的方向树立物体的投影,详解CSS中滤镜的使用(1)，COLOR是投影色，DIRECTION是设置投影的方向。其中0度代表垂直向上，而后每45度为一个单位。它的默认值是向左的270度。
语法：Filter{light}
“ADD”表现是否要把对象依照波形款式打乱，
这个属性模仿光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就可以调用它的“方式(Method)"来设置或者改变属性。“LIGHT"可用的办法有：
8、Light 滤镜
到这里我们对CSS滤镜的学习也就告一段落了，下面是几个滤镜的实例，大家可以参考一下：
Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全体翻转，包含颜色、饱和度、跟亮度值；Xray滤镜是让对象反应出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。
AddAmbient 加入包抄的光源 AddCone ,
详解CSS中background(背景)属性的语法; 加入锥形光源 AddPoint ,
详解CSS3线性渐变; 参加点光源 Changcolor 转变光的色彩 Changstrength 改变光源的强度 Clear 肃清所有的光源 MoveLight 挪动光源
效果如下：
CSS滤镜后果之发光的文字
CSS滤镜效果之发光的文字
--> [
网站建设之]详解CSS中滤镜的应用(4)
“STRENGTH”代表振幅大小。
可以定义光源的虚构地位，以及通过调剂X轴和Y轴的数值来把持光源焦点的位置，还可以调整光源的情势（点光源或者锥形光源）指定光源是否含混边界、光源的颜色、亮度等属性。假如动态的设置光源，可能回发生一些意想不到的效果。后面几页会有详细典范。
语法：{filter:shadow(color=color,direction=direction)}
语法：{filter:mask(color=color)}
Shadow 滤镜 滴水檐茶坊制作 Shadow 滤镜 滴水檐茶坊制造 Shadow 滤镜 滴水檐茶坊制作 11、Wave 滤镜 语法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
"wave" 属性把对象按垂直的波形样式打乱。默认是“TRUE（非0）”，
使用"MASK"属性可认为对象建破一个笼罩于名义的膜，其效果就象戴者有色眼镜看物体一样。
Tag： 滤镜 CSS 滤镜 CSS
语法：{filter:gray} ,{filter:invert},{filter:xray}
“LIGHTSTRENGTH”参数能够对涟漪加强光影的效果，范畴0----100，
(责任编辑：网站建设)
详解CSS中滤镜的使用(4)相关文章