CSS濾鏡參考（收集）

CSS濾鏡參考（收集）
7 P* `/ P+ h& a1 ~
語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
7 B) ~2 V% j( H" D4 s" n8 r8 G# x1 T　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
" O/ `  R0 _7 u& a6 n) @script 語法：HTMLElement.filters.filterName.fParameter=value;
% b5 X$ [& j" h- v) @% q6 S
　　濾鏡說明：

　　Alpha：設置透明層次
& `9 ~; F* l6 }2 v　　blur：創建高速度移動效果，即模糊效果
( Z. Z* Z8 X& W/ |; ^　　Chroma：製作專用顏色透明
　　DropShadow：創建對象的固定影子
　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
' V5 a% ]/ e  W　　glow：加光輝在附近對象的邊外
3 I, d2 R; f  h3 I) G4 R6 U　　gray：把圖片灰度化
　　invert：反色
5 e- S3 }6 ?+ x( Y　　light：創建光源在對像上
- T) ]3 ?; F9 ]　　mask：創建透明掩膜在對像上
( r" {5 w( z( |* e　　shadow：創建偏移固定影子
, g, M4 ^, O/ K! [- z3 F) W' [6 o　　wave：波紋效果
6 j- a9 d+ ]1 l　　Xray：使對像變得像被x光照射一樣
" @: H& l. {5 z% J1 \8 b( {
% j5 X' Z( J' e$ C/ m　　1、濾鏡：Alpha
　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
　　說明：
' J( Z8 j6 K# b, T　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
3 k6 J4 a- O' a6 b　　FinishOpacity：目標值。
' `2 A' F- Y- L- ]　　Style：1或2或3
　　StartX：任意值
　　StartY：任意值
1 M- q1 W3 B4 p: {  o+ m' u' r( C　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
; I( n" i2 Y5 C4 y5 Q+ i- w
　　2、濾鏡：blur
　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
# x/ w1 ]* O3 C; b; T; l　　說明：
　　Add：一般為1，或0。
　　Direction：角度，0～315度，步長為45度。
　　Strength：效果增長的數值，一般5即可。
　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

5 Q: ]2 }5 P9 r8 V' P5 n# a. r5 }　　3、濾鏡：Chroma
  o+ O: y0 E$ p1 N6 A　　語法：STYLE="filter:Chroma(Color = color)"
　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")
# A& E* M4 P; ?$ S1 r$ }$ f3 P
　　4、濾鏡：DropShadow
　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　說明：Color:#rrggbb格式，任意。
　　Offx：X軸偏離值。
. W2 o5 E* }1 l% [' R$ S　　Offy：Y軸偏離值。
　　Positive：1或0。
6 \6 D. W' O" q( o  S　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

　　5、濾鏡：FlipH
　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH
( X  l. m4 a) @6 t3 O% b
　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
/ S3 }' p/ ]" n6 O" f. ]　　例子：filter:FlipV

　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
7 F" s; L; G+ i2 j) [# ]2 H3 N! Q　　說明：
　　Color：發光顏色。
　　Strength：強度(0－100)
: h9 L6 a- r9 a　　例子：filter:Glow(Color="#6699CC",Strength="5")

5 h! z7 p; o  G) {$ ~1 V' w; H8 w( Z　　8、濾鏡：gray
　　語法：STYLE="filter:Gray"
　　例子：filter:Gray
: v6 S" f/ V' C8 X, h5 H
　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
　　例子：filter:Invert

0 W& `2 Y4 e3 l9 ^+ h3 P　　10、濾鏡：mask
　　語法：STYLE="filter:Mask(Color=color)"
; b6 G1 }! R; `# s$ t, G　　例子：filter:Mask (Color="#FFFFE0")
8 F  `! d7 J- Q" n  J( K
　　11、濾鏡：shadow
0 i8 i# T! ?$ r　　語法：filter:Shadow(Color=color, Direction=direction)
　　說明：
' `3 l5 V9 e/ s* t) f8 Z( y% P3 N　　Color：#rrggbb格式。
' y2 X" R, X4 A  I- R　　Direction：角度，0－315度，步長為45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、濾鏡：wave
3 i) B( |+ E+ Z  y　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
1 q6 N- m! k: K# r" t　　說明：
　　Add：一般為1，或0。
　　Freq：變形值。
6 q0 R; E- A: v! y( y　　LightStrength：變形百分比。
0 N; \* ^4 ^, Q. _" E3 Z　　Phase：角度變形百分比。
" p: Z. J" |* i% }& M/ e0 J: w　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

　　13、濾鏡：Xray
　　語法：STYLE="filter:Xray"
, o) v2 C+ T) u2 k　　例子：filter:Xray
& Z6 b  O* |3 N2 f
9 L7 q. Z/ E( |9 d7 O  U
註：ZT！
& U' G: F, X* I& E  ^4 |
2 V# x3 b* T( M[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]