出處 Go!!! 

相簿效果



erins

看起來是黑白連過去是彩色.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) ;}


Wave（Add=True,Freq=10，LightStrength=100，Phase=10，Strength=100）

這是參數值，可以參考看看，Add為是否使用此效果的真偽值有false以及true兩種。Freq為頻率，建議值為１０。LightStrength為波紋增強光的程度，值有0-100。Phase為正玄波開始的偏移量，值有0-100。Strength為強度程度。


忘了說，如果碰到相本會跳動一下可以加入這個語法：）

a:hover {position: relative; top: 2px; left: 2px;}



princesswow
不用加在side裡面了喔～
分享的同學很貼心的已經幫你把選擇器名稱以及宣告都打好囉
所以你只要直接複製貼上在ＣＳＳ樣式表的最下方
不用再加在某某其他選擇器裡面就可以囉：Ｄ

arrow
arrow
    全站熱搜

    Joy 發表在 痞客邦 留言(0) 人氣()