24h購物| | PChome| 登入
2008-01-31 14:16:02| 人氣126| 回應0 | 上一篇 | 下一篇

推薦 0 收藏 0 轉貼0 訂閱站台

【相簿濾鏡】

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

台長: ☆〞Smile [ 鬼 ]═─
人氣(126) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類
TOP
詳全文