°εїз蜜兒｡❀✿你是我的糖果❤我是你的甜心｡◕‿◕｡

⇒ 黑白濾鏡
☻ 看起來是黑白連過去是彩色

.side a img{filter:gray;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 漸層濾鏡（式樣ⓐ）
☻ 看起來是半透明連過去是彩色　☞（由右下開始漸層透明）

.side a img{filter:alpha(style=1);} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 漸層濾鏡（式樣ⓑ）
☻ 看起來是半透明連過去是彩色　☞（四個角有透明的感覺/偏橢圓）

.side a img{filter:alpha(style=2);} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 漸層濾鏡（式樣ⓒ）
☻ 看起來是半透明連過去是彩色　☞（四個角有透明的感覺/四邊形）

.side a img{filter:alpha(style=3);} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ ｘ光濾鏡
☻ 看起來是x光連過去是彩色

.side a img{filter:xray;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 對比濾鏡
☻ 看起來是對比過度連過去是彩色

.side a img{filter:invert;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 模糊濾鏡
☻ 看起來是模糊連過去是正常彩色

.side a img{filter:blur;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 隱藏濾鏡
☻ 看起來是隱藏連過去會出現照片　☞（會顯示白色）

.side a img{filter:mask;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 波紋濾鏡
☻ 看起來有橫波連過去會出現正常照片　☞（橫波較粗）

.side a img{filter:wave;} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 馬賽克濾鏡
☻ 看起來是正常照片連過去會過馬賽克

.side A IMG {FILTER: alpha(opacity=100)} .side A:hover IMG{FILTER: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)

⇒ 變型濾鏡
☻ 看起來是變形 移過去是正常照片

.side a img{filter:Wave(strength=10,freq=5,lightstrength=10,phase=5);} .side a:hover img{ filter:alpha(opacity=100) ;}

⇒ 朦朧濾鏡
☻ 看起來是圓形朦朧感連過去會變回正常

.side {BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff} .side A IMG {FILTER: alpha(style=2)} .side A:hover IMG {FILTER: alpha(style=3)}

⇒ 相反濾鏡
☻ 看起來是與照片左右相反連過去會變回正常

.side a img{filter:FlipH;} .side a:hover img{ filter:alpha(opacity=100) ;}