陳小菁

感謝廣大的網路
本來想引用
但是後來越找越多
連我自己都忘記有哪幾個網站
在這邊先說聲抱歉
這些遮罩濾鏡可以適用於部落格
如果你要拿來當連結圖片的特效
舉例用法如下
#xxx a img{語法} 
#xxx a:hover img {語法}

進入主題前要先提醒各位
　　★數值 只有整數 沒有小數點
　　★數值些微差異會來大不同效果
　　★屬性質與屬性質之間無法同時共存 網頁會按照你最後設定的屬性做反應
　　★此效果僅適用IE
　　★提供的語法皆為預設,請自行更改數值
　　★原圖為
　　　

屬性值： alpha 透明柔邊
數　值：opacity(透明效果)=0~100(預設為100，數值越大透明效果越低)
　　　　finishOpacity(柔邊程度)=0~100(預設為0，數值越大效果越低，此效果對透明無意義)
　　　　style(柔邊)=1(單邊)、2(圓形)、3(方形) 預設為0，也就是沒有任何柔邊效果

filter:alpha (opacity=100,finishOpacity=100,style=0);

(opacity=50) 50透明	(opacity=30,style=1)30透明、單邊柔邊
(opacity=10,finishOpacity=40,style=2) 80透明、20程度、圓形柔邊	(finishOpacity=60,style=3)60程度、方型柔邊

屬性值：blur 模糊
數　值：direction(模糊方向)=0~270(0為垂直向上，每45度為一單位，預設為270) 
　　　　strength(模糊範圍)=5~n(預設值為5，

filter: blur (direction=270,strength=5);

預設 270度模糊、範圍5像素	(direction=45,strength=20) 45度模糊、範圍20像素	(direction=90,strength=30) 90度模糊、範圍30像素

屬性值： wave 波浪
數　值：freq(波浪數)=1~n  (就是有幾個波浪) 
　　　　lightstrength(光影效果)=0~100  (波浪的陰暗)
　　　　phase(偏移效果)=0~100  (波浪開始的地方)
　　　　strength(振幅大小)=0~100 (波浪的深度)

filter: wave(freq=3, lightstrength=50,phase=30,strength=10);

預設 (freq=3, lightstrength=50,phase=30,strength=10)	波浪數10、光影效果30、偏移效果20、振福大小20 (freq=10, lightstrength=30,phase=20,strength=20)
波浪數3、光影效果0、偏移效果30、振福大小10 ( lightstrength=0,phase=30)	波浪數10、光影效果30、偏移效果12、振福大小20 (freq=10, lightstrength=70,phase=10,strength=20)

屬性值： progid:DXImageTransform.Microsoft.Pixelate 馬賽克
數　值：maxsquare(程度)=0~100(預設為100) 

filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=100);

程度3 (maxsquare=3)	預設 (maxsquare=100)

其他無數值濾鏡

gray 灰階 filter:gray	Invert 底片、負片 filter:Invert	Xray X光片 filter:Xray	FlipH 水平翻轉 filter:FlipH	FlipV 垂直翻轉 filter:FlipV

以下為在部落格較不實用的語法，提醒大家幾點
　　★某些數值尚未測試出上限
　　★數值些微差異會來吉大不同效果
　　★屬性質與屬性質之間無法同時共存 網頁會按照你最後設定的屬性做反應
　　★此效果僅適用IE，且檔案類型為GIF
　　★提供的語法皆為預設,請自行更改數值
　　★原圖為
　　　

屬性值： mask圖片隱藏 設立背景色
數　值：color(背景顏色)= #color(16近位色碼 共8個英數，預設為#000000黑色)

filter:mask(color= #color);

黑色 color=#000000	紅色 color=#FF0000

屬性值： Shadow立體陰影
數　值：color(陰影顏色)= #color(16近位色碼 共8個英數，預設為#000000黑色)
　　　　Direction(角度)=0~360(預設是225)

filter: Shadow (Color=#333333,Direction=225);

預設 (Color=#333333,Direction=225)	紅色，角度360 (Color=#FF0000,Direction=360)

屬性值：DropShadow疊影
數　值：color(疊影顏色)= #color(16近位色碼 共8個英數，預設為#333333深灰色)
　　　　Positive( 疊影類型)=0，1(預設是1)
　　　　OffX(左右偏移)=1~? (預設是5，尚未實際測試最大數值)
　　　　OffY(上下偏移)=0~? (預設是5，尚未實際測試最大數值)

filter: DropShadow(Color=#333333,Positive=1,OffX=5,OffY=5);

預設 ( Color=#333333,Positive=1,OffX=5,OffY=5)	紅色，向右偏移7，向上偏移6 (Color=#FF0000,Positive=0,OffX=7,OffY=6)

屬性值：Glow光暈陰影
數　值：color(顏色)= #color(16近位色碼 共8個英數，預設為#ff000000紅色)
　　　　Strength (程度)=0~? (預設是5，尚未測試數值上限)

filter: Glow(Color=#ff0000,Strength=5);

預設 ( Color=#ff000000, Strength=5)	藍色，程度10 (Color=#0000ff,Strength=10)

其他

Light 光源投射 filter: Light;	Chroma 隱藏顏色  filter: Chroma (Color=#000000/*你想隱藏的顏色*/);