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) ;}
全站熱搜
留言列表