close
相本濾鏡樣式

*看起來是黑白連過去是彩色
.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;}

*看起來是半透明連過去是彩色
.side a img{filter:alpha;}
.side a:hover img{ filter:alpha(opacity=100) ;}
---注意：此有三種樣式，在alpha後加上(style=1)or(style=2)or(style=3)分別為不同樣式

*ｘ光連過去是彩色
.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:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3);}
.side a:hover img{ filter:alpha(opacity=100);}

*變型濾鏡
(看起來是變形 移過去是正常)
.side a img{filter:Wave(strength=10,freq=5,lightstrength=10,phase=5);}
.side a:hover img{ filter:alpha(opacity=100) ;}
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 matt0921699526 的頭像
    matt0921699526

    　　

    matt0921699526 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄