CSS的过滤器属性

CSS 的过滤器属性 CSS 过滤器包括Alpha, BlendTrans, Blur, Chroma, DropShadow, FlipH, FlipV, Glow, Gray, Invert, Light, Mask, RevealTrans, Shadow, Wave, Xray等。 1、静态 CSS style="filter: Alpha( … … )" Alpha：设置透明度 Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Opacity：透明度级别，范围是 0-100，0 代表完全透明，100 代表完全不透明。 FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是 0 到 100。 Style：设置渐变透明的样式，值为 0 代表统一形状、1 代表线形、2 代表放射状、3 代表长方形。 StartX 和 StartY：代表渐变透明效果的开始 X 和 Y 坐标。 FinishX 和 FinishY：代表渐变透明效果结束 X 和 Y 的坐标。 BlendTrans Blur 风吹模糊效果 语法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" 说明： Add：一般为 1，或 0。当为 1 时表示使用模糊效果。 Direction：动态模糊效果的角度方向，0～315 度，步长为 45 度。0 代表垂直向上，按顺时针方向，每 45 度一个单位，默认值是向左 270 度。 Strength：效果增长的数值，一般 5 即可。设置模糊宽度。 例子：filter:Blur(Add="1",Direction="45",Strength="5") Chroma 特定颜色的透明效果 语法：STYLE="filter:Chroma(Color = color)" 说明：color：#rrggbb 格式，任意。 例子：filter:Chroma(Color="#FFFFFF") DropShadow 阴影效果 语法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)" 说明： Color:#rrggbb 格式，任意。 Offx：X 轴偏离值。 Offy：Y 轴偏离值。 Positive：1 或 0。 例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1") FlipH 水平翻转 FlipV 垂直翻转 Glow 边缘光晕 语法：STYLE="filter:Glow(Color=color, Strength=strength)" 说明： Color：发光颜色。 Strength：强度(0－100) 例子：filter:Glow(Color="#6699CC",Strength="5") Gray黑白 Invert 底片 Light Mask 遮蔽 滤镜：mask 语法：STYLE="filter:Mask(Color=color)" 例子：filter:Mask (Color="#FFFFE0") RevealTrans Shadow 设置强度变化的阴影 滤镜：shadow 语法：fi...