CSS濾鏡參考（收集）

CSS濾鏡參考（收集）

3 D  R$ G0 n, F: g. S1 ?5 J/ h語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
1 N5 h, |# ?; X- ~0 x. {　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
  `0 C( o) G% `script 語法：HTMLElement.filters.filterName.fParameter=value;

　　濾鏡說明：
: x5 \5 t) n/ x3 E+ r+ m3 ]7 {
0 M: Z3 Y% h; M' |* t9 i　　Alpha：設置透明層次
　　blur：創建高速度移動效果，即模糊效果
( G6 i; g5 M- M0 r7 @　　Chroma：製作專用顏色透明
3 J1 [1 B  G- x2 A0 E　　DropShadow：創建對象的固定影子
$ a  I) d$ B  B$ |' r　　FlipH：創建水平鏡像圖片
　　FlipV：創建垂直鏡像圖片
　　glow：加光輝在附近對象的邊外
　　gray：把圖片灰度化
　　invert：反色
% M  b# ?! r+ w1 z# m　　light：創建光源在對像上
- ~: N$ C% v9 Q5 |  D% t! g9 j　　mask：創建透明掩膜在對像上
　　shadow：創建偏移固定影子
　　wave：波紋效果
( D  p4 W0 }! a: _7 x8 }& N　　Xray：使對像變得像被x光照射一樣
3 s- k1 U& x. N. P/ a3 x  m  F, k8 y
) \- t! S& D! E5 q! x　　1、濾鏡：Alpha
3 ~- w5 s0 q$ V% {　　語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
, _8 {9 `5 c. J' m- I" l8 i　　說明：
" @2 Y) u5 [2 j　　Opacity：起始值，取值為0～100, 0為透明，100為原圖。
5 S4 }& U- e  k4 G. y1 z　　FinishOpacity：目標值。
  P1 R5 u$ i$ k- j4 i3 c$ n/ G　　Style：1或2或3
+ V6 [$ l" x  X% e. n+ }　　StartX：任意值
　　StartY：任意值
　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

3 [) Y% V6 I* z9 X- E5 `# u　　2、濾鏡：blur
! K4 z% t7 o* V. f+ F　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
# X5 z$ \% O" r, I3 c0 }) Z* w' T　　說明：
9 C+ L3 t: g! z# J$ c  B　　Add：一般為1，或0。
3 i3 Z1 z7 D+ P　　Direction：角度，0～315度，步長為45度。
; \! U0 w! W% A! O　　Strength：效果增長的數值，一般5即可。
4 d/ m: }# Q" Y  p　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

+ n! g6 x  X$ }( c2 L% V　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")

　　4、濾鏡：DropShadow
- A0 N$ i0 x: X4 a　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　說明：Color:#rrggbb格式，任意。
　　Offx：X軸偏離值。
8 v, k4 M  h8 h9 g8 m# `! u" B　　Offy：Y軸偏離值。
: ]8 w  g% u  i9 e　　Positive：1或0。
　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
/ ?, r8 g1 A9 G6 W0 N
　　5、濾鏡：FlipH
　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH
# ?# h+ s- \' G: W
! q2 z- J( f+ [" ~- n　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
% S. `1 Z& b$ A% e4 f　　例子：filter:FlipV

　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
　　說明：
　　Color：發光顏色。
, I1 n: t( z" R( [! Q　　Strength：強度(0－100)
　　例子：filter:Glow(Color="#6699CC",Strength="5")
6 K/ o) M# _" Y5 \; f
　　8、濾鏡：gray
　　語法：STYLE="filter:Gray"
　　例子：filter:Gray

　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
/ u( ~8 T& r4 L　　例子：filter:Invert

　　10、濾鏡：mask
　　語法：STYLE="filter:Mask(Color=color)"
　　例子：filter:Mask (Color="#FFFFE0")

8 d& y( u( H1 d/ f) H2 v　　11、濾鏡：shadow
( N5 c4 g% h; e# c& I　　語法：filter:Shadow(Color=color, Direction=direction)
& A, F( r# X; _8 Y　　說明：
　　Color：#rrggbb格式。
2 v4 G8 G' P$ ]　　Direction：角度，0－315度，步長為45度。
3 f; I; I# z3 o7 D7 @4 R' M　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、濾鏡：wave
- b- _) Q/ k1 Y( A0 X0 u　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　說明：
　　Add：一般為1，或0。
9 Z& ^0 K. U" E! R  W　　Freq：變形值。
+ M" r  t; a4 w- q& T7 S& \0 t　　LightStrength：變形百分比。
　　Phase：角度變形百分比。
　　Strength：變形強度。
; n+ o: P% \' e. m7 |- s. O　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
- \! _9 ?' h0 E1 p
# Q) n1 ^3 d( W# J6 f　　13、濾鏡：Xray
　　語法：STYLE="filter:Xray"
　　例子：filter:Xray

9 e% z* N2 i9 b& s! r" C! Q2 ?& K
註：ZT！

) l. n7 q7 R7 T+ j, g: L* B' `[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]