CSS滤镜

滤镜名称      说明
Alpha             设定透明的渐层效果
Blur                产生物体快速移动时的模糊效果
Chroma          将图像中的某一个颜色变成透明
DropShadow 产生下落式阴影
FlipV             产生左右相反的图象
Glow             在对象周围产生光晕状边缘
Gray             将彩色图像变成灰度
Invert            反转图像的色相、饱和度及亮度，产生负片效果
Light             将光源投身在物体上
Mask            利用另一个物体产生图像的透明遮罩
Shadow        产生产体阴影
Wave           可在水平或垂直方向上产生波浪变形
XRay           产生对象的轮廓，就像照射X光一样

格式：
filter：filtername（parameters）
说明：
Filter是滤镜属性选择符
filtername是滤镜属性名
parameters是表示各个滤镜属性的参数


alpha属性
格式:
filter：alpha（opacity=opcity，finishopacity=finishopacity，
　　style=style，startX=startX，startY=startY，finishX=finishX，
　　finishY=finishY）

说明：
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。

Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。

blur属性

格式：
filter：blur（add=add，direction，strength=strength）
说明:
Add参数有两个参数值：true和false。意思是指定图片是否被改变成模糊效果。
Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上，每45度一个单位，默认值是向左的270度。
Strength参数值只能使用整数来指定，它代表有多少像素的宽度将受到模糊影响。默认值是5像素。

Chroma属性
格式：
Filter：Chroma（color=color）

说明：
Color参数设置颜色

DropShadow属性
　　DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。
格式：
Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，
　　　　　　　　　　　　Positive=positive）

说明：
　　Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。
　　Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。

FlipH、FlipV属性
格式：
　　Filter：FlipH
　　Filter：FlipV
说明：
　　FlipH代表水平翻转，FlipV代表垂直翻转。

Glow属性
格式：
　　Filter：Glow（Color=color，Strength=strength）
说明：
　　Color是指定发光的颜色。
　　Strength指定发光的强度，参数值从1到255。

Gray属性
格式：
　　Filter：Gray
说明：
　　Gray属性把一张图片变成灰度图。

Invert属性
格式：
　　Filter：Invert
说明：
　　Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。

Mask属性
格式：
　　Filter：Mask（Color=颜色）
说明：
　　Color参数，用来指定使用什么颜色作为掩膜。

Shadow属性
格式：
Filter：Shadow（Color=color，Direction=direction）
说明：
Shadow属性可以在指定的方向建立物体的投影。
Color参数用来指定投影的颜色.
Direction参数用来指定投影的方向。

Wave属性
格式：
Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，
　　　　　　Phase=偏移量，Strength=强度）
说明：
Wave属性用来把对象按照垂直的波纹样式打乱。
Add参数有两个参数值：True代表把对象按照波纹样式打乱；False代表不打乱；
Freq参数指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹。
LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。
Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0，它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25，代表正弦波从90度（360*25%）的方向开始。

Xray属性
格式：
Filter：Xray
说明：
Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。