css静态滤镜－－笔记

css静态滤镜－－笔记

filter：filtername（parameters）
 属性名称                        说明                                     参数
1 Alpha                         设置透明度                         opacity,finishopacity,style,startX,startY,finishX,finishY
2 Blur                            设置模糊效果                      add,direction,strength
3 Chroma                    设置指定颜色透明               color
4 Dropshadow           设置投射阴影                       color,offx,offy,positive
5 Fliph                          水平翻转
6 Flipv                          垂直翻转
7 Glow                         为对象的外边界增加光效    Color,strength
8 Gray                          设置灰度（降低图片的彩色度） 
9 Invert                        设置底片效果                         color  
10 Mask                      设置透明膜                             color
11 Shadow                设置影印效果                          color,direction
12 Wave                     利用正弦波纹打乱图片          Add,Freq,LightStrength,Phase,Strength
13 Xray                       只显示轮廓

1、alpha属性
filter：alpha（opacity=opcity，finishopacity=finishopacity，style=style，startX=startX，startY=startY，finishX=finishX，finishY=finishY）
Opacity   透明度等级，可选值：0（完全透明）～100（完全不透明）。
Style   透明区域的形状特征，可选值：0－统一形状；1－线性；2－放射状；3－长方形。
Finishopacity  结束时透明度从而达到一种渐变效果，可选值：0～100。
StartX和StartY   渐变透明效果的开始坐标。
finishX和finishY 渐变透明效果的结束坐标。

2、blur属性
filter：blur（add=True/False，direction，strength=strength）
add   图片是否被改变成模糊效果，参数值：true，false。
dirction  设置模糊的方向，参数值：0度代表垂直向上，每45度一个单位，默认值是向左的270度。
strength  代表有多少像素的宽度将受到模糊影响，默认值是5像素，只能用整数指定。

3、Chroma属性
Filter：Chroma（color=color）
color   指定透明的颜色，用Color参数设置。

4、DropShadow属性(用偏移来定义阴影的)
Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）
Color   投射阴影的颜色，用Color参数设置。
Offx和offy  分别X方向和Y方向阴影的偏移量，必须用整数表示。如果设置为正整数，代表X轴的右方向和Y轴的向下方向；设置为负整数则相反。
positive  建立的投影，True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。

5、FlipH、FlipV属性
Filter：FlipH；水平翻转
Filter：FlipV；垂直翻转

7、Glow属性
Filter：Glow（Color=color，Strength=strength）
color   指定发光的颜色，用Color参数设置。
Strength  发光的强度，参数值：1～255。

8、Gray属性
Filter：Gray

9、Invert属性
Filter：Invert   达到的是一种“底片”的效果

10、Mask属性
Filter：Mask（Color=color）
color   使用什么颜色作为掩膜

11、Shadow属性
Filter：Shadow（Color=color，Direction=direction）
Color   投影的颜色
Direction  投影的方向,可以在任意角度进行投射阴影。

12、Wave属性
Filter：Wave（Add=True/False，Freq=频率，LightStrength=增强光效，Phase=偏移量，Strength=强度）
Add   True代表把对象按照波纹样式打乱，False代表不打乱
Freq   生成波纹的频率，指定在对象上共需要产生多少个完整的波纹。
LightStrength  参数是为了使生成的波纹增强光的效果。参数值可以从0到100。
Phase   正弦波开始的偏移量，参数值：0～100，代表开始时的偏移量占波长的百分比

13、Xray属性
Filter：Xray
产生的效果使对象看上去有一种X光片的感觉。