CSS樣式的filter（濾鏡效果）對(duì)HTML的一些標(biāo)記設(shè)置濾鏡效果。
黑白照片 filter: gray;
X光照片 filter: Xray;
風(fēng)動(dòng)模糊 filter: blur(add=true,direction=45,strength=30);
正弦波紋 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
線型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻轉(zhuǎn) filter: fliph;
垂直翻轉(zhuǎn) filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發(fā)光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);

柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2

IE4.0以上支持的濾鏡屬性表

濾鏡效果 描述 ：
Alpha 設(shè)置透明度
Blru 建立模糊效果
Chroma 把指定的顏色設(shè)置為透明
DropShadow 建立一種偏移的影象輪廓，即投射陰影
FlipH 水平反轉(zhuǎn)
FlipV 垂直反轉(zhuǎn)
Glow 為對(duì)象的外邊界增加光效
Grayscale 降低圖片的彩色度
Invert 將色彩、飽和度以及亮度值完全反轉(zhuǎn)建立底片效果
Light 在一個(gè)對(duì)象上進(jìn)行燈光投影
Mask 為一個(gè)對(duì)象建立透明膜
Shadow 建立一個(gè)對(duì)象的固體輪廓，即陰影效果
Wave 在X軸和Y軸方向利用正弦波紋打亂圖片
Xray 只顯示對(duì)象的輪廓

下面分別闡述：

1、Alpha 濾鏡

語(yǔ)法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}

‘Alpha’屬性是把一個(gè)目標(biāo)元素與背景混合。設(shè)計(jì)者可以指定數(shù)值來(lái)控制混合的程度。這種“與背景混合”通俗地說(shuō)

就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo)，可以指定點(diǎn)、線、面的透明度。他們的參數(shù)含義分別如下：

“opacity’代表透明度水準(zhǔn)。默認(rèn)的范圍是從0 到 100，他們其實(shí)是百分比的形式。也就是說(shuō)，0代表完全透明，

100代表完全不透明。”finishopacity’是一個(gè)可選參數(shù)，如果想要設(shè)置漸變的透明效果，就可以使用他們來(lái)指定

結(jié)束時(shí)的透明度。范圍也是0 到 100。“style’ 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀

、3代表長(zhǎng)方形。”STARTX“和”STARTY“代表漸變透明效果的開(kāi)始X和Y坐標(biāo)。”

FINISHX“和”FINISHY“代表漸變透明效果結(jié)束X和Y 的坐標(biāo)。