CSS濾鏡參考（收集）

CSS濾鏡參考（收集）
( r/ \' T" B1 ~5 A0 T* q
語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
script 語法：HTMLElement.filters.filterName.fParameter=value;
% K0 X4 v4 z* z+ t4 c
　　濾鏡說明：
) W* G3 j' U& ]9 y% k
' m' K$ T8 R) O: ~; T9 W　　Alpha：設置透明層次
% o* x0 ]( K( k7 J7 G( Z　　blur：創建高速度移動效果，即模糊效果
　　Chroma：製作專用顏色透明
　　DropShadow：創建對象的固定影子
* ?7 a2 L* N9 q　　FlipH：創建水平鏡像圖片
; h2 `. P9 v  x　　FlipV：創建垂直鏡像圖片
　　glow：加光輝在附近對象的邊外
& c4 M& w. x8 p1 B+ b% `$ f　　gray：把圖片灰度化
　　invert：反色
( s- ~$ S( z, ]% h4 w$ U/ ]7 k　　light：創建光源在對像上
0 U1 t5 M6 e* x7 S" `6 i0 h: Z　　mask：創建透明掩膜在對像上
　　shadow：創建偏移固定影子
　　wave：波紋效果
' s% w6 h. ~% s& ~* J　　Xray：使對像變得像被x光照射一樣
; R, F/ o; p: _
! U/ z" N0 \' }# @7 g" D5 t3 J　　1、濾鏡：Alpha
　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
　　說明：
; [" s5 q- {; u4 n9 j" Z" l　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
; T2 ~# U& L9 O6 q$ }8 p2 K% `3 @, _# c　　FinishOpacity：目標值。
　　Style：1或2或3
　　StartX：任意值
　　StartY：任意值
　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
/ L, ^0 _/ i$ a) g
　　2、濾鏡：blur
　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
; Q& Z8 V5 Y3 ]  j2 \  f　　說明：
　　Add：一般為1，或0。
　　Direction：角度，0～315度，步長為45度。
1 y$ M4 a% v, z7 R. Z　　Strength：效果增長的數值，一般5即可。
　　例子：filter:Blur(Add="1",Direction="45",Strength="5")
! Q0 k# i, H0 M/ ]
) i* e0 d1 c2 V6 v' E　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
　　說明：color：#rrggbb格式，任意。
" \8 y+ k# {7 f5 `1 g2 M　　例子：filter:Chroma(Color="#FFFFFF")
6 _" p5 g. C: |
; l$ z& |0 z4 c) Z; X. @　　4、濾鏡：DropShadow
# y$ j/ ^; D. W　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
# e& R" ^: Q3 a) B# H　　說明：Color:#rrggbb格式，任意。
8 f2 u9 b% |7 I9 H8 F　　Offx：X軸偏離值。
　　Offy：Y軸偏離值。
1 |8 P3 `# c' c9 o; g6 w　　Positive：1或0。
* J; c6 o0 W# L) k3 d' b" C* G$ @1 @　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
/ j# @4 U3 q" N: w7 A) V
) `5 l7 I0 n1 h) G+ V　　5、濾鏡：FlipH
$ q: p* F3 y8 h8 z# m( s: ]　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH

　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
$ i- I8 y: ?6 n* E) f; [6 V6 |　　例子：filter:FlipV

　　7、濾鏡：glow
& g3 L* k1 u, t6 v% g' z　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
: u+ H! ~% P. C& d. K　　說明：
　　Color：發光顏色。
- [9 n& E( c0 y7 m  M; N0 q　　Strength：強度(0－100)
　　例子：filter:Glow(Color="#6699CC",Strength="5")

  K2 \# R3 j  ?( K" i　　8、濾鏡：gray
6 m$ }: r/ _+ X　　語法：STYLE="filter:Gray"
) v0 h. v/ o* [  {# F　　例子：filter:Gray
' E+ u' Z0 K- Q; F8 s+ p" t
. N" _6 g$ Z5 O0 h　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
$ w& N9 S$ _+ Y' n/ I  m3 o　　例子：filter:Invert
1 ]* J6 z8 \2 t3 \
　　10、濾鏡：mask
0 D5 D- j+ @: ~; l. A8 @　　語法：STYLE="filter:Mask(Color=color)"
+ V+ f* Q: H- j, K+ T# p　　例子：filter:Mask (Color="#FFFFE0")

/ `( ?# e: l  p　　11、濾鏡：shadow
　　語法：filter:Shadow(Color=color, Direction=direction)
' J4 U+ J3 J$ {4 _+ a0 M　　說明：
　　Color：#rrggbb格式。
　　Direction：角度，0－315度，步長為45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、濾鏡：wave
　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　說明：
5 E4 ~" Y+ ]0 S$ `' N" H; @4 @! L　　Add：一般為1，或0。
5 E& S) }0 t! t( o　　Freq：變形值。
　　LightStrength：變形百分比。
0 l, U' V1 p" a; T7 Y　　Phase：角度變形百分比。
　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
/ ]1 f. _: L" W* H" z' t
* E& i# k6 C. b. z9 d　　13、濾鏡：Xray
. O1 G7 ~' ~% `- Y$ `　　語法：STYLE="filter:Xray"
! W' e2 M/ ~& w　　例子：filter:Xray


# G- s* s% F9 M- b( C註：ZT！
* @/ i/ h+ U) s+ e& X1 h
$ M, j; E/ i" W2 @[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]