覺得自己無名太單調嗎

來用個特效吧


半透明

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

arrow
arrow
    全站熱搜

    rectangle 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄