pandaz04的部落格

拿了要回呀!!



可到http://www.wretch.cc/hala/viewtopic.php?t=581524複製喔



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