［特效］相簿濾鏡樣式
　

今天粉兔去逛了線上討論區
又發現了好東西
這個特效很有特色
大家可以每一個都試試看唷！

有空也多多去逛喔
可以學到很多東西
也可以問問題呢！



看起來是黑白連過去是彩色

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


看起來是半透明連過去是彩色 
.side a img{filter:alpha;}
.side a:hover img{ filter:alpha(opacity=100) ;}
注意：此有三種樣式，在alpha後加上(style=1)or(style=2)or(style=3)分別為不同樣式 


看起來是x光連過去是彩色
.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}


看起來是對比過度連過去是彩色 
.side a img{filter:invert;}
.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:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;}


看起來有橫波連過去會出現正常照片
>>>這個橫波比較粗一點 
.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;}




這是發表人的網誌：erins網誌

複製語法








ｂｙ兔


C-マンション
arrow
arrow
    全站熱搜

    Melita 粉兔 發表在 痞客邦 留言(8) 人氣()

    E-mail轉寄