CSS濾鏡參考（收集）

CSS濾鏡參考（收集）

8 @; g1 Z# R/ j5 |/ g( m語法：STYLE="filter:filtername(fparameter1, fparameter2...)"
0 w" O6 _& y' ^# |　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）
script 語法：HTMLElement.filters.filterName.fParameter=value;
7 {5 j( i$ J- n5 Y' {
( |  x$ d1 n% H$ ?　　濾鏡說明：
3 j" ?; @2 R) J, N$ c0 z2 R( R2 R
　　Alpha：設置透明層次
% q2 n, d5 K" L& w$ C/ M5 L　　blur：創建高速度移動效果，即模糊效果
6 x! B. k2 |+ d8 E0 c5 x　　Chroma：製作專用顏色透明
　　DropShadow：創建對象的固定影子
! \8 R% e+ W5 S; Z5 a　　FlipH：創建水平鏡像圖片
/ _4 `- c$ b7 y0 O8 p　　FlipV：創建垂直鏡像圖片
8 p* u9 A/ E! m' |- [2 ^/ _　　glow：加光輝在附近對象的邊外
9 V& z0 H' G0 m, N9 k　　gray：把圖片灰度化
1 q" a5 F9 P' d- M' Z　　invert：反色
　　light：創建光源在對像上
　　mask：創建透明掩膜在對像上
　　shadow：創建偏移固定影子
　　wave：波紋效果
3 z2 X7 G" K4 R　　Xray：使對像變得像被x光照射一樣

( e  S; m  Z& w  x' Z  O+ P( u. Y　　1、濾鏡：Alpha
5 V  V+ u+ F7 [- t6 F　　語法：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
, h: m, i8 ^9 ~6 U　　StartX：任意值
　　StartY：任意值
( _  W" j' t# g　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

　　2、濾鏡：blur
　　語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
4 Y* [5 x6 Q7 N3 e6 c& L　　說明：
　　Add：一般為1，或0。
　　Direction：角度，0～315度，步長為45度。
7 g% G' q$ \  S/ h' s5 T  j! N　　Strength：效果增長的數值，一般5即可。
. F  ]3 ~6 ]7 c6 n* b　　例子：filter:Blur(Add="1",Direction="45",Strength="5")
* Y% Y3 B' \* q! n# B$ N
　　3、濾鏡：Chroma
　　語法：STYLE="filter:Chroma(Color = color)"
) [8 l* t/ M' O* S; ^5 A% H2 X　　說明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")
* a( l% m. O; l5 E
　　4、濾鏡：DropShadow
; H% S: P* }% ~# w+ T* O　　語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　說明：Color:#rrggbb格式，任意。
　　Offx：X軸偏離值。
/ m! F  Q# w( J: ]) e& E　　Offy：Y軸偏離值。
/ ]. S7 E# _/ \) E1 Q1 h' r! ^　　Positive：1或0。
. F' T; g+ D3 b+ E$ x8 H0 E( ]　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

　　5、濾鏡：FlipH
　　語法：STYLE="filter:FlipH"
　　例子：filter:FlipH
. T: ^! f4 V6 m. [& W$ s
4 c- c. l- x! _* V1 B　　6、濾鏡：FlipV
　　語法：STYLE="filter:FlipV"
0 F$ S6 }. r: S; x1 R　　例子：filter:FlipV
" ~3 g% w3 w  i  M  p  f
! a# k# ]) ~; G5 c, d. e8 O　　7、濾鏡：glow
　　語法：STYLE="filter:Glow(Color=color, Strength=strength)"
2 S" V% n2 F' Z( T' d, W　　說明：
$ Z* s8 [9 I  V( d3 k( p% s　　Color：發光顏色。
* }/ B8 z1 P  |" C, v5 l　　Strength：強度(0－100)
　　例子：filter:Glow(Color="#6699CC",Strength="5")
4 L( a6 N0 A* j" @( Q
! C, _/ Y7 n$ j5 Y5 k/ h4 a0 g1 k  a　　8、濾鏡：gray
　　語法：STYLE="filter:Gray"
0 r# V7 l5 v) b; Y6 {& p　　例子：filter:Gray

　　9、濾鏡：invert
　　語法：STYLE="filter:Invert"
  g% x2 q/ B' u0 w8 |6 t; V( F) V　　例子：filter:Invert

　　10、濾鏡：mask
　　語法：STYLE="filter:Mask(Color=color)"
1 T, |3 J5 G6 U% A! w8 y; x　　例子：filter:Mask (Color="#FFFFE0")
( Q2 E/ r4 F2 b% u* j
　　11、濾鏡：shadow
: M' u- j* R( \. \- q" {+ w8 W% X　　語法：filter:Shadow(Color=color, Direction=direction)
　　說明：
　　Color：#rrggbb格式。
/ d0 u9 R" W9 v+ n5 Q* w0 [! `6 o　　Direction：角度，0－315度，步長為45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

3 b2 q/ {  P* k  X" Z　　12、濾鏡：wave
　　語法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
3 ^* P+ J5 k" V. ]( U' d' H　　說明：
, \" \% S: D4 j3 N/ x　　Add：一般為1，或0。
　　Freq：變形值。
& E, q8 p9 T( Y- {3 M. H　　LightStrength：變形百分比。
! t% ^! i" z+ i+ c; V　　Phase：角度變形百分比。
1 a2 N- f) ^' P& X/ z! b. B# E" E- z　　Strength：變形強度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

8 w8 \) c, L0 Z! l8 K9 }　　13、濾鏡：Xray
% T4 E0 S0 T# N) T0 e2 i9 T　　語法：STYLE="filter:Xray"
　　例子：filter:Xray


註：ZT！
. m: G* T, q2 p& D
. n5 a3 K4 ~$ u2 J/ r[[i] 本帖最後由 wuhao 於 2006-7-30 11:01 編輯 [/i]]