CSS濾鏡參考（收集）

CSS濾鏡參考（收集）

3 x2 A$ v8 m+ P語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
& C' w* o) J' R8 X# X( m　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
script 語法：HTMLElement.filters.filterName.fParameter=value;

　　濾鏡說明：

  t9 f% k7 O3 Y' A" o　　Alpha：設置透明層次
　　blur：創建高速度移動效果，即模糊效果
3 G3 b) F, p8 Q　　Chroma：製作專用顏色透明
  [# i- B, W* o/ w- g3 p1 T. y　　DropShadow：創建對象的固定影子
: A3 M, [- r! X/ j2 A5 F+ a　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
　　glow：加光輝在附近對象的邊外
　　gray：把圖片灰度化
5 S- s; T2 Q9 {- W6 ?. V; {　　invert：反色
　　light：創建光源在對像上
3 a! j/ O6 C- {. b　　mask：創建透明掩膜在對像上
8 W4 G8 Z: p/ `% D　　shadow：創建偏移固定影子
　　wave：波紋效果
　　Xray：使對像變得像被x光照射一樣

　　1、濾鏡：Alpha
　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
　　說明：
　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
　　FinishOpacity：目標值。
　　Style：1或2或3
% A8 |8 Y) g9 d　　StartX：任意值
　　StartY：任意值
　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

　　2、濾鏡：blur
+ z+ `+ t2 j. ]+ q% z　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
' i+ ^0 e3 h0 n6 I2 R% a　　說明：
) v1 z$ \. [; a　　Add：一般為1，或0。
0 @& f: d- n6 d  d　　Direction：角度，0～315度，步長為45度。
　　Strength：效果增長的數值，一般5即可。
　　例子：filter:Blur(Add="1",Direction="45",Strength="5")
8 P- q$ v$ p/ y1 S
　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
& Z7 ~! C3 W( T9 C/ g3 l) j　　說明：color：#rrggbb格式，任意。
2 c4 ~  y, `( @. b　　例子：filter:Chroma(Color="#FFFFFF")

　　4、濾鏡：DropShadow
6 u. K7 m, F" _7 B; P% y6 Y　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
# ~- ]2 J. h$ M/ h  t% E　　說明：Color:#rrggbb格式，任意。
9 u' w' z7 V4 J& L  h7 X! [　　Offx：X軸偏離值。
. L# A5 p! P- Y5 s# J　　Offy：Y軸偏離值。
　　Positive：1或0。
　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
0 V8 h7 r8 u$ I8 d( m$ k  Z
2 L0 G+ A2 R+ G$ b% X　　5、濾鏡：FlipH
+ M$ q2 X5 F7 |2 T　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH
% W8 k. Y  y. W* k* h) ?/ k
: W; s) R% h6 g. o2 f  W$ c; e　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
　　例子：filter:FlipV
4 U3 x  z, X: |; e" o( f
  P. k" }6 X8 I　　7、濾鏡：glow
! b& l3 e7 l2 U　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
　　說明：
2 L9 o; Z) k3 l　　Color：發光顏色。
& i1 o$ `& H7 P　　Strength：強度(0－100)
6 e- Q0 U; [" y# |: r9 ]　　例子：filter:Glow(Color="#6699CC",Strength="5")
- [- Y3 }* I( S3 e' k
0 Z/ M+ k" b! q& P( {4 Q! N　　8、濾鏡：gray
3 I1 {; k( h, m2 h' R3 t. w　　語法：STYLE="filter:Gray"
; m3 T: O) v- {3 l　　例子：filter:Gray
' Y  x9 o/ A; M
: v3 r! C! H8 N- a- A　　9、濾鏡：invert
  }7 ]+ j7 x4 u! p) s/ [　　語法：STYLE="filter:Invert"
4 C, K% l& W1 F. k　　例子：filter:Invert

　　10、濾鏡：mask
' a+ G+ r# t8 p& l" C　　語法：STYLE="filter:Mask(Color=color)"
　　例子：filter:Mask (Color="#FFFFE0")
$ d+ U6 T9 {" e
( _3 e6 a' {' Q+ f! {' X+ `　　11、濾鏡：shadow
　　語法：filter:Shadow(Color=color, Direction=direction)
. ?, d1 M" v$ G; Y: n0 Y6 g6 `* W6 w　　說明：
　　Color：#rrggbb格式。
　　Direction：角度，0－315度，步長為45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

- r. V8 d4 Z3 t& j) x: X( \+ }( ?　　12、濾鏡：wave
! y! Y- j0 Y7 s3 i5 L% K　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
" c1 R8 j7 l4 B7 g3 H# g; L/ g2 ~: R+ b　　說明：
- R; R3 x! S' p$ s* H　　Add：一般為1，或0。
　　Freq：變形值。
　　LightStrength：變形百分比。
　　Phase：角度變形百分比。
! I" J9 T2 q; z1 }　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
) A0 h  S9 s3 n% H9 E* V2 G) w/ X
　　13、濾鏡：Xray
　　語法：STYLE="filter:Xray"
　　例子：filter:Xray

9 Q0 h" z0 H# I. w6 C# r
8 E8 n5 Q) h/ {' ?) X) H* X註：ZT！

! E( G$ U3 u: [- F, ~[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]