覺得自己無名太單調嗎
來用個特效吧
半透明
.side a img{filter:alpha(style=1);} .side a:hover img{ filter:alpha(opacity=100) ;} |
圓形半透明
.side a img{filter:alpha(style=2);} .side a:hover img{ filter:alpha(opacity=100) ;} |
長方形半透明
.side a img{filter:alpha(style=3);} .side a:hover img{ filter:alpha(opacity=100) ;} |
扭曲效果
.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);} .side a:hover img{ filter:alpha(opacity=100) ;} |
隱藏效果
.side a img{filter:mask;} .side a:hover img{ filter:alpha(opacity=100) ;} |
黑白效果
.side a img{filter:gray;} .side a:hover img{ filter:alpha(opacity=100) ;} |
模糊效果
.side a img{filter:blur;} .side a:hover img{ filter:alpha(opacity=100) ;} |
反方向效果
.side a img{filter:FlipH;} .side a:hover img{ filter:alpha(opacity=100) ;} |
X光效果
.side a img{filter:xray;} .side a:hover img{ filter:alpha(opacity=100) ;} |
波紋效果
.side a img{filter:wave;} .side a:hover img{ filter:alpha(opacity=100) ;} |
馬賽克效果
side A IMG {FILTER: alpha(opacity=100)} .side A:hover IMG {FILTER: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)} |
全站熱搜
留言列表