css 滤镜 的应用

css设置透明层

用下面的样式表定义你的层 
.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝

解释：

Opacity=开始的不透明度(100的话就不透明了) 
FinishOpacity=结束的不透明度(100的话就不透明了) 
Style=样式，从0开始，1.2.3....有均匀透明啊，放射形状透明啊... 
StartX=开始透明的X坐标，基本上为图片、层的左上角（0） 
StartY= 开始透明的Y坐标，基本上也为图片、层的左上角（0） 
FinishX=结束透明的X坐标，基本上也图片、层的右下（图片、层的宽度） 
FinishY=结束透明的Y坐标，基本上也为图片、层的右下角（图片、层的高度）

 

 

黑白照片 filter: gray;

X光照片 filter: Xray;

风动模糊 filter: blur(add=true,direction=45,strength=30);

正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);

半透明效果 filter: Alpha(Opacity=50);

线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);

放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);

白色透明 filter: Chroma(Color=#FFFFFF);

降低色彩 filter: grays;

底片效果 filter: invert;

左右翻转 filter: fliph;

垂直翻转 filter: flipv;

投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);

马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);

发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);

柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

 

来源：http://www.cnblogs.com/tovep/articles/2598292.html