【相簿濾鏡】
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) ;}
11.馬賽克 : .side A IMG {FILTER: alpha(opacity=100)}
.side A:hover IMG {FILTER: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)}
文章定位:
人氣(127) | 回應(0)| 推薦 (
0)| 收藏 (
0)|
轉寄
全站分類:
不分類