♥　 Recollection　　---　

相簿相片特效




＊黑白濾鏡
看起來是黑白連過去是彩色
.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) ;}



．放在相簿CSS語法編輯最下方即可