CSS濾鏡參考（收集）

CSS濾鏡參考（收集）
7 P7 X* X5 v( }' s5 f! }
# Q) L6 H, C! X# z6 G4 {6 v8 \語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
script 語法：HTMLElement.filters.filterName.fParameter=value;

　　濾鏡說明：
/ X* v$ q9 z4 P! F0 b# h  v4 j
& d7 I& {& o- o7 F& p/ E6 ~5 p　　Alpha：設置透明層次
　　blur：創建高速度移動效果，即模糊效果
6 I& G9 n4 I0 }; ]( F+ }) P# B4 G　　Chroma：製作專用顏色透明
& b* ^- q+ }. R. z, U: m9 [　　DropShadow：創建對象的固定影子
　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
4 e5 B( Z6 {+ o# K/ O　　glow：加光輝在附近對象的邊外
　　gray：把圖片灰度化
0 c2 `% M! _% E) G　　invert：反色
　　light：創建光源在對像上
) _9 R- E% l- E: C) l　　mask：創建透明掩膜在對像上
　　shadow：創建偏移固定影子
　　wave：波紋效果
- l# g: F$ a- I# G/ h; n+ S　　Xray：使對像變得像被x光照射一樣

　　1、濾鏡：Alpha
　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
9 M) v! Q+ D: s$ }　　說明：
　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
, V0 u/ T+ n* K% d; H2 E. I+ C2 A( b　　FinishOpacity：目標值。
9 \: \2 p8 S8 @$ X& G* c　　Style：1或2或3
; a5 B0 e% j3 N$ `+ d- X1 G　　StartX：任意值
1 U. n% S: w7 l3 D0 w/ i　　StartY：任意值
( T$ ?, q& f  W　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
6 H) A/ b2 ?9 O( H6 B. }; M6 A
3 K$ E! A7 p: w- L) h　　2、濾鏡：blur
5 {) _" I9 K  Z( F8 p) L3 M5 J　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
, o( L0 K/ o5 I) n! f+ C- j7 E　　說明：
　　Add：一般為1，或0。
. |0 B+ x& }# s2 l9 E2 m+ l# x　　Direction：角度，0～315度，步長為45度。
　　Strength：效果增長的數值，一般5即可。
1 j% l  T# v: T5 t* p* i　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

! b9 L( x8 e+ C; N- d5 k　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")

) d/ |# h0 w9 I; Q( g　　4、濾鏡：DropShadow
) k: [5 C. z  P3 e　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　說明：Color:#rrggbb格式，任意。
1 ^; ^1 V; g& u. o8 y  y　　Offx：X軸偏離值。
　　Offy：Y軸偏離值。
　　Positive：1或0。
; ]! z- Z. G$ V+ u& T; l) j  b　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

- I9 F9 l& [' Q2 ?+ p, q　　5、濾鏡：FlipH
　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH
; L4 R1 d: N$ e
; k, ~# H( t- g4 `/ Y0 e6 g1 [0 J　　6、濾鏡：FlipV
/ |* `/ n7 L4 {: e3 g　　語法：STYLE="filter:FlipV"
: I  d. A1 X& f! G　　例子：filter:FlipV
: J7 N8 x& w5 K5 D. W
　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
　　說明：
　　Color：發光顏色。
! k# ]" U! u- ?　　Strength：強度(0－100)
　　例子：filter:Glow(Color="#6699CC",Strength="5")
; c; |6 r' ~! u1 t+ q3 r( g6 c# \/ G! q0 \
　　8、濾鏡：gray
9 C9 ^7 f0 Q! o4 J7 i% Y　　語法：STYLE="filter:Gray"
. Y+ A& h. K' e3 w& {　　例子：filter:Gray

　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
! K+ y* t0 T, ~6 [* @8 t7 R　　例子：filter:Invert
, a1 E* E& T" E- D# E5 ?  z. I' q
3 z- {4 u; N9 u6 B/ R　　10、濾鏡：mask
　　語法：STYLE="filter:Mask(Color=color)"
　　例子：filter:Mask (Color="#FFFFE0")

　　11、濾鏡：shadow
　　語法：filter:Shadow(Color=color, Direction=direction)
5 \/ q; W* G; k$ [( D% s/ e3 j　　說明：
　　Color：#rrggbb格式。
　　Direction：角度，0－315度，步長為45度。
( W# I* o' d5 r' p　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、濾鏡：wave
" P- Z: N  j' q# J( R: m: n) p　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　說明：
　　Add：一般為1，或0。
　　Freq：變形值。
0 H: @" A+ M9 H$ l5 @  \　　LightStrength：變形百分比。
　　Phase：角度變形百分比。
　　Strength：變形強度。
5 `% M+ v4 U& S8 m) i　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

　　13、濾鏡：Xray
; k1 A% q: ^9 p+ t　　語法：STYLE="filter:Xray"
　　例子：filter:Xray


9 `9 ^2 Z( ?1 O# q. |6 g註：ZT！

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