LottMarisa的部落格

像讓相簿有濾鏡效果嗎??

來來來~~以下就是語法啦~^_^


半透明移過去是彩色
.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) ;}



※只要把語法貼至到修改css最底下即可!