1:X光->彩色


語法:.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}



2:顏色對比過度.互補->彩色


語法:.side a img{filter:invert;}
.side a:hover img{ filter:alpha(opacity=100) ;}
 


3:半透明->彩色


語法:.side a img{filter:alpha(style=1);}
.side a:hover img{ filter:alpha(opacity=100) ;}



4:黑白->彩色


語法:.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;}



5:扭曲->彩色


語法:.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);}
.side a:hover img{ filter:alpha(opacity=100) ;}




6:左右翻轉效果->正常彩色照片


語法:.side a img{filter:FlipH;}
.side a:hover img{ filter:alpha(opacity=100) ;}



7:隱藏->彩色


語法:.side a img{filter:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;}




8:圓形濾鏡->彩色


語法:.side a img{filter:alpha(style=2);}
.side a:hover img{ filter:alpha(opacity=100) ;}
 


9:橫波->彩色


語法:.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;}
 


10:模糊->彩色


語法:.side a img{filter:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;} 



一樣把語法貼在CSS樣示表的最上面或最下面就好

轉自:
arrow
arrow
    全站熱搜

    cold770411 發表在 痞客邦 留言(5) 人氣()