CSS滤镜

通道（渐变）：

filter: alpha(opacity = 100, finishopacity = 50, style = 2)
/* opacity=0是完全透明，finishopacity是渐变结束时候的透明度，style是渐变形状：2是放射状。 */

模糊：

blur(add = ture, direction = 135, strength = 200)
/* add：true模糊生效，DIRECTION：模糊的方向，STRENGTH：200px的模糊宽度 */

透明色：

chroma(color = #CC33C2)
/* 指定color=#cc33c2的颜色为透明色 */

外边界光效：

glow(color = red, strength = 10)
/* color：光效颜色，strength：光效强度 */

阴影（投影）：

dropshadow(color =gray,offx=5,offy= 5,positive=0)
/* offx：x方向偏移量,positive=0表示为透明的像素部分建立透明效果，1表示为任何的非透明像素建立可见的投影 */

灰度图，反转图，X光片：

filter:gray，filter:invert，filter:xray

光源：

在需要加光源的空间上：style=”filter:light()”
οnmοusemοve=”javascript:this.filters.light.changeColor(0,150,100,50,0)”可以通过这方式改变光源的颜色。

透明膜（马赛克）：

mask(color = yellow)
/* 为对象建立一个覆盖于表面的膜，其效果就象戴者有色眼镜看物体一样 */

正弦纹波：

wave(add = true, freq = 3, lightstrength = 70, phase = 0, strength = 10);
/* add:是否生效，freq：产生几条纹路，LIGHTSTRENGTH：为纹路增加光阴效果，phase：正弦偏移量，strength：振幅大小 */