css滤镜

/* CSS Document */
//滤镜的语法:
filter:filtername(parameters)
filter: Blur(Add=true, Direction=90px, Strength=25);
filter: Alpha(Opacity=0, FinishOpacity=100, Style=3, StartX=0, StartY=85, FinishX=150, FinishY=85);
filter: Chroma(Color=#FF0000);
filter: DropShadow(Color=red, OffX=15, OffY=10, Positive=1);
filter: FlipV;
filter: Glow(Color=red, Strength=10);
filter: Gray;
filter: Invert;
filter: Mask(Color=green);
filter: Wave(Add=true, Freq=3, LightStrength=100, Phase=45, Strength=5);
filter: Xray;


属性名称      属性解释
alpha         设置透明度
blur          设置模糊效果
chroma        设置颜色透明度
dropshadow    设置投射阴影
fliph         水平翻转
flipv     垂直翻转
glow          为对象的外边界增加光效
gray          设置图片灰度
invert        设置底片效果
light         设置灯光投影
mask   设置透明膜
shadow 设置阴影效果
wave 设置波纹效果
xray          只显示轮廓


示例：


img {
    cursor: wait;//鼠标的样式
filter: Alpha(Opacity=0, FinishOpacity=100, Style=3, StartX=0, StartY=85, FinishX=150, FinishY=85);
}