Css中的filter常用滤镜属性及语句大全

滤镜说明：
Alpha：设置透明层次.
blur：创建高速度移动效果，即模糊效果.
Chroma：制作专用颜色透明.
DropShadow：创建对象的固定影子.
FlipH：创建水平镜像图片.
FlipV：创建垂直镜像图片.
glow：加光辉在附近对象的边外.
gray：把图片灰度化.
invert：反色.
light：创建光源在对象上.
mask：创建透明掩膜在对象上.
shadow：创建偏移固定影子.
wave：波纹效果.
Xray：使对象变的像被x光照射一样.

1. 1.滤镜:alpha
   
2. 语法:
   
3. STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,
   
4. StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"
   
5. 说明：
   
6. Opacity:起始值，取值为0-100,0为透明，100为原图.
   
7. FinishOpacity:目标值.
   
8. Style：1或2或3
   
9. StartX：任 ?
   
10. StartY：任意值
    
11. 例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")
    
12. 
    
13. 2.滤镜:blur
    
14. 语法:
    
15. STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"
    
16. 说明：
    
17. Add:一般为1，或0.
    
18. Direction:角度,0-315度，步长为45度.
    
19. Strength:效果增长的数值,一般5即可.
    
20. 例子：filter:Blur(Add="1",Direction="45",Strength="5")
    
21. 
    
22. 3.滤镜:chroma
    
23. 语法:
    
24. STYLE="filter:Chroma(Color=color)"
    
25. 说明:
    
26. color:#rrggbb格式，任意.
    
27. 例子：filter:Chroma(Color="#FFFFFF")
    
28. 
    
29. 4.滤镜:DropShadow
    
30. 语法:
    
31. STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"
    
32. 说明:
    
33. Color:#rrggbb格式，任意.
    
34. Offx:X轴偏离值.
    
35. Offy:Y轴偏离值.
    
36. Positive:1或0.
    
37. 例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
    
38. 
    
39. 5.滤镜:FlipH
    
40. 语法:
    
41. STYLE="filter:FlipH"
    
42. 例子：filter:FlipH
    
43. 
    
44. 6.滤镜:FlipV
    
45. 语法:
    
46. STYLE="filter:FlipV"
    
47. 例子：filter:FlipV
    
48. 
    
49. 7.滤镜:Glow
    
50. 语法:
    
51. STYLE="filter:Glow(Color=color,Strength=strength)"
    
52. 说明:
    
53. Color:发光颜色.
    
54. Strength:强度(0-100)
    
55. 例子：filter:Glow(Color="#6699CC",Strength="5")
    
56. 
    
57. 8滤镜:Gray
    
58. 语法:
    
59. STYLE="filter:Gray"
    
60. 例子：filter:Gray
    
61. 
    
62. 9.滤镜:Invert
    
63. 语法:
    
64. STYLE="filter:Invert"
    
65. 例子：filter:Invert
    
66. 
    
67. 10.滤镜:Mask
    
68. 语法:
    
69. STYLE="filter:Mask(Color=color)"
    
70. 例子：filter:Mask(Color="#FFFFE0")
    
71. 
    
72. 11.滤镜:Shadow
    
73. 语法:
    
74. filter:Shadow(Color=color,Direction=direction)
    
75. 说明:
    
76. Color:#rrggbb格式.
    
77. Direction:角度,0-315度，步长为45度.
    
78. 例子：filter:Shadow(Color="#6699CC",Direction="135")
    
79. 
    
80. 12.滤镜:Wave
    
81. 语法:
    
82. filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
    
83. 说明:
    
84. Add:一般为1，或0.
    
85. Freq:变形值.
    
86. LightStrength:变形百分比.
    
87. Phase:角度变形百分比.
    
88. Strength:变形强度.
    
89. 例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")
    
90. 
    
91. 13.滤镜:Xray
    
92. 语法:
    
93. STYLE="filter:Xray"
    
94. 例子:filter:Xray
    
95. 
    
96. 
    
97. 14.颜色变化
    
98. 语法：
    
99. filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');

复制代码

[ 本帖最后由 灰儿 于 2008-5-19 16:19 编辑 ]