CSS濾鏡參考（收集）

CSS濾鏡參考（收集）
. G. }  U' ]4 t9 @% c& V
- T4 A9 V3 P3 m% z/ O語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
% C* n$ W  Z- i, m9 ^* r6 Ascript 語法：HTMLElement.filters.filterName.fParameter=value;
/ p$ z  U( Z& c/ r0 T" b
+ u7 m( ^! d, O4 b9 z. k1 E　　濾鏡說明：

& o, ~5 }! e# j6 ]4 c! i% v　　Alpha：設置透明層次
2 n% z, C4 @1 h　　blur：創建高速度移動效果，即模糊效果
　　Chroma：製作專用顏色透明
+ \% v0 t! C) O4 x( D2 K　　DropShadow：創建對象的固定影子
6 T) c% T! h- W2 m) S# u6 W　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
3 u5 S, ~! U  }7 b: ^　　glow：加光輝在附近對象的邊外
　　gray：把圖片灰度化
" A# }* }7 U0 b0 e& Y　　invert：反色
　　light：創建光源在對像上
8 A( B7 ]; Q. c) i　　mask：創建透明掩膜在對像上
6 h; z' D$ }/ W( e　　shadow：創建偏移固定影子
4 C! h$ r  M' o- r8 i& y& ]　　wave：波紋效果
　　Xray：使對像變得像被x光照射一樣

　　1、濾鏡：Alpha
　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
* M. k- s# \5 h' o, U　　說明：
　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
. ]* Q2 w- @1 p( D3 O6 R9 R　　FinishOpacity：目標值。
$ m! a1 x, }# I* q) I. b9 z　　Style：1或2或3
　　StartX：任意值
5 p0 Q/ P% C1 |  ~+ d  T　　StartY：任意值
' u3 J7 U( q- Q2 u5 a% d　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
* K0 s7 S9 |9 {: @+ v  p) A
8 O  z) a) k; m3 T9 \4 _8 ]3 F　　2、濾鏡：blur
　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
/ F- g8 @2 `8 f4 h　　說明：
; |7 h( H4 z' ?1 `$ w* J　　Add：一般為1，或0。
* r4 l) T+ o5 n6 O5 N8 H$ N# p1 W　　Direction：角度，0～315度，步長為45度。
　　Strength：效果增長的數值，一般5即可。
　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

! y* u% Z$ y- y7 Q' ]9 D　　3、濾鏡：Chroma
5 P. B; |' T; }+ Y4 _* L4 R, ~　　語法：STYLE="filter:Chroma(Color = color)"
　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")
# q! y! [" r/ h* _+ X# \
　　4、濾鏡：DropShadow
0 }+ c1 c) D7 ^8 ^/ C" z　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
8 c7 W* I: }. A; _% K　　說明：Color:#rrggbb格式，任意。
* J% S8 W) P( z/ G% u+ x9 d　　Offx：X軸偏離值。
- y- z3 o0 L! O/ g1 X) b$ t　　Offy：Y軸偏離值。
5 }5 l8 T5 n' W, Q" ~6 c2 H　　Positive：1或0。
9 O0 y/ B) H2 d! U9 j　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

　　5、濾鏡：FlipH
　　語法：STYLE="filter:FlipH"
; f% N; I8 G( {5 j- ~4 S　　例子：filter:FlipH
9 a( Y8 j4 m1 b8 v* f. B, ?2 _
　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
　　例子：filter:FlipV

　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
3 Y8 p2 q! z5 _% _2 k. G　　說明：
　　Color：發光顏色。
% t( {8 v; p2 u& a+ `: |　　Strength：強度(0－100)
# T  l3 T6 [& C3 ~; g　　例子：filter:Glow(Color="#6699CC",Strength="5")
' @7 g9 d. j; ?1 T0 Q- y7 S0 p. q
　　8、濾鏡：gray
　　語法：STYLE="filter:Gray"
　　例子：filter:Gray

( v0 E2 m" R: q5 I7 B0 [2 Y- C　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
　　例子：filter:Invert
7 t- r+ E) |" e3 d! v' l
. q0 }8 R& x1 f8 y7 ~4 K5 g　　10、濾鏡：mask
. {0 `5 \! U4 a$ M) K2 p　　語法：STYLE="filter:Mask(Color=color)"
6 N' M% r% U. A% N) T0 N% }( n　　例子：filter:Mask (Color="#FFFFE0")
. _$ |; c! Y6 Y( N. I
5 U  w! m9 q% \+ i# f2 z$ q　　11、濾鏡：shadow
　　語法：filter:Shadow(Color=color, Direction=direction)
% a& K: h2 D' m! q  ^8 n　　說明：
5 Y( \2 Z9 E$ [% U　　Color：#rrggbb格式。
. X% }& }( s) Q　　Direction：角度，0－315度，步長為45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、濾鏡：wave
& F' K+ `2 r/ D; |7 `% i$ R　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
+ v4 X2 ]# q, ?/ ^! T　　說明：
　　Add：一般為1，或0。
( n) F% A' p, q" K　　Freq：變形值。
1 h* `) l8 J* f  u6 N# i4 m　　LightStrength：變形百分比。
　　Phase：角度變形百分比。
　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
' Y$ y# o! n( U' ?
0 b% k; ~$ [1 R4 Q! f0 c8 K　　13、濾鏡：Xray
7 I  j; x4 H5 s: B1 U　　語法：STYLE="filter:Xray"
　　例子：filter:Xray
9 ?2 L" A  G+ G6 R  s- N

註：ZT！
8 a! r7 x" k3 P* u) {
( m: t' ]/ f" D$ {[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]