CSS濾鏡參考（收集）

CSS濾鏡參考（收集）

語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
script 語法：HTMLElement.filters.filterName.fParameter=value;
" y/ v0 ]0 D* n8 w9 R; A
　　濾鏡說明：

　　Alpha：設置透明層次
/ @4 x5 V9 o( S# a' Z　　blur：創建高速度移動效果，即模糊效果
/ B& c3 ~. [$ ?! J' p　　Chroma：製作專用顏色透明
' I7 U; s0 H: A　　DropShadow：創建對象的固定影子
% u' q: l1 J3 _* o　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
, [. v3 L+ S# U* L/ l　　glow：加光輝在附近對象的邊外
9 w$ F6 J6 {) C. T2 d3 N: L3 k　　gray：把圖片灰度化
　　invert：反色
- Y: p0 {$ h2 j  I　　light：創建光源在對像上
9 W" N0 q) Z: X3 |4 }( h* t　　mask：創建透明掩膜在對像上
　　shadow：創建偏移固定影子
　　wave：波紋效果
　　Xray：使對像變得像被x光照射一樣

　　1、濾鏡：Alpha
( V" u% ~& K) R" r　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
　　說明：
2 d* p- s- v4 l; G4 {& L　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
　　FinishOpacity：目標值。
; z0 S" r- V9 U  j) ]2 D　　Style：1或2或3
　　StartX：任意值
: F: M7 n# T! C" G* W　　StartY：任意值
) G0 `% F( l0 d* {　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
( N  j) d  B0 F; l$ j; Y2 I
  S% Q. X* B$ s　　2、濾鏡：blur
8 W! \$ c1 d( r2 G　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
& }* H. g8 T' ]　　說明：
, E% d$ r  c* s, Q6 k0 Q　　Add：一般為1，或0。
+ d; W+ b1 s0 e/ m0 D4 g* g　　Direction：角度，0～315度，步長為45度。
　　Strength：效果增長的數值，一般5即可。
1 }! Z7 M4 H! w' r' p. x　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
2 G+ f5 p8 k5 C6 ]! ~' ?- w( s* k/ {- g　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")

　　4、濾鏡：DropShadow
　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　說明：Color:#rrggbb格式，任意。
　　Offx：X軸偏離值。
　　Offy：Y軸偏離值。
6 ~9 U) @5 P3 Q4 L　　Positive：1或0。
( ^7 \$ ]% J* J% s  A4 k- j6 c. v　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
1 u& C# a6 g0 o9 _* n. d) O
　　5、濾鏡：FlipH
0 M2 o; ?- i+ `- Q: M* t. Q: W　　語法：STYLE="filter:FlipH"
% w" N7 [! V2 i" w  i5 ~) r　　例子：filter:FlipH
0 {5 i* \: n, r
% @0 ]0 ]2 y' N, h' q5 S　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
　　例子：filter:FlipV

$ Z- [' Q# w( y& _$ e　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
　　說明：
0 |# K$ B2 p. ]　　Color：發光顏色。
$ }( M6 J$ v$ w5 J9 N* B8 D2 ?: b　　Strength：強度(0－100)
) z" j* s+ ~- o: Q: K& B' Z* E　　例子：filter:Glow(Color="#6699CC",Strength="5")
8 l! J2 m- ^1 r/ [' c
　　8、濾鏡：gray
( r5 ^8 X6 R% A! T; p　　語法：STYLE="filter:Gray"
7 u3 w& n( @% t& G　　例子：filter:Gray
9 [0 ]' [" X+ b  U; F
. H  }, o$ T# ?5 d2 _　　9、濾鏡：invert
+ J. V' Z* l8 [; i" y/ u　　語法：STYLE="filter:Invert"
　　例子：filter:Invert
* d  Q1 M) x! t+ H+ B$ q, K# a
　　10、濾鏡：mask
$ V( V1 h" |7 D. I9 N9 f$ }7 o　　語法：STYLE="filter:Mask(Color=color)"
　　例子：filter:Mask (Color="#FFFFE0")
6 R  f1 ^( G3 g! u
% K9 M$ R9 x6 V  [6 g( D' ]; N　　11、濾鏡：shadow
　　語法：filter:Shadow(Color=color, Direction=direction)
　　說明：
; y8 \: ], t  a0 h( B4 w5 K& h　　Color：#rrggbb格式。
8 V% o6 f0 d/ Y, n/ s0 U4 F　　Direction：角度，0－315度，步長為45度。
: i# P6 [* [: q9 `6 Z　　例子：filter:Shadow (Color="#6699CC", Direction="135")
+ ]5 a  e% b  s5 k. ~  @$ l
　　12、濾鏡：wave
　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　說明：
　　Add：一般為1，或0。
4 R+ R. G. l) i- Y0 c% }- L　　Freq：變形值。
1 ]* o. [8 \  f* T, I, E% ^1 `　　LightStrength：變形百分比。
4 O2 R% W) q& e* S5 z　　Phase：角度變形百分比。
　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

　　13、濾鏡：Xray
　　語法：STYLE="filter:Xray"
　　例子：filter:Xray

% U+ l  K1 j6 u1 V* y
註：ZT！

[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]