濾鏡說明：??
Alpha：設(shè)置透明層次.??
blur：創(chuàng)建高速度移動效果，即模糊效果.??
Chroma：製作專用顏色透明.??
DropShadow：創(chuàng)建對象的固定影子.??
FlipH：創(chuàng)建水平鏡像圖片.??
FlipV：創(chuàng)建垂直鏡像圖片.??
glow：加光輝在附近對象的邊外.??
gray：把圖片灰度化.??
invert：反色.??
light：創(chuàng)建光源在對像上.??
mask：創(chuàng)建透明掩膜在對像上.??
shadow：創(chuàng)建偏移固定影子.??
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??
StartX：任???
StartY：任意值??
例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")?

2.濾鏡:blur??
語法:??
STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"??
說明：??
Add:一般為1，或0.??
Direction:角度,0-315度，步長為45度.??
Strength:效果增長的數(shù)值,一般5即可.??
例子：filter:Blur(Add="1",Direction="45",Strength="5")?

3.濾鏡:chroma??
語法:??
STYLE="filter:Chroma(Color=color)"??
說明:??
color:#rrggbb格式，任意.??
例子：filter:Chroma(Color="#FFFFFF")?

4.濾鏡:DropShadow??
語法:??
STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"??
說明:??
Color:#rrggbb格式，任意.??
Offx:X軸偏離值.??
Offy:Y軸偏離值.??
Positive:1或0.??
例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")?

5.濾鏡:FlipH??
語法:??
STYLE="filter:FlipH"??
例子：filter:FlipH?

6.濾鏡:FlipV??
語法:?
STYLE="filter:FlipV"??
例子：filter:FlipV?

7.濾鏡:Glow??
語法:??
STYLE="filter:Glow(Color=color,Strength=strength)"??
說明:??
Color:發(fā)光顏色.??
Strength:強度(0-100)??
例子：filter:Glow(Color="#6699CC",Strength="5")?

8濾鏡:Gray??
語法:??
STYLE="filter:Gray"??
例子：filter:Gray?

9.濾鏡:Invert??
語法:??
STYLE="filter:Invert"??
例子：filter:Invert?

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

11.濾鏡:Shadow?
語法:?
filter:Shadow(Color=color,Direction=direction)??
說明:??
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)??
說明:??
Add:一般為1，或0.??
Freq:變形值.?
LightStrength:變形百分比.??
Phase:角度變形百分比.??
Strength:變形強度.??
例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")??

13.濾鏡:Xray??
語法:??
STYLE="filter:Xray"??
例子:filter:Xray?

14.顏色變化
語法：filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#B5CCFA", EndColorStr="#B5CCFA");

總結(jié)

以上是生活随笔為你收集整理的Css的filter常用濾波器屬性及語句大全的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。