相簿濾鏡(十款)。

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) ;}

    全站熱搜

    綾綾麻麻 發表在 痞客邦 留言(3) 人氣()