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樣示表的最上面或最下面就好
轉自:
語法:.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樣示表的最上面或最下面就好
轉自:
全站熱搜
留言列表