close
1.半透明
.side a img{filter:alpha(style=1);}
.side a:hover img{ filter:alpha(opacity=100) ;}
2. 圓形半透明
.side a img{filter:alpha(style=2);}
.side a:hover img{ filter:alpha(opacity=100) ;}
3. 長方形半透明
.side a img{filter:alpha(style=3);}
.side a:hover img{ filter:alpha(opacity=100) ;}
4. 扭曲效果
.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);} 
.side a:hover img{ filter:alpha(opacity=100) ;}
5. 隱藏效果
.side a img{filter:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;}
6. 黑白效果
.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;}
7. 模糊效果
.side a img{filter:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;}
8. 反向效果
.side a img{filter:FlipH;}
.side a:hover img{ filter:alpha(opacity=100) ;}
9. X光效果
.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}
10. 波紋效果
.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;}
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 小雪 的頭像
    小雪

    蝶之屋

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