各式相本濾鏡共7種



以下是erin所找出來的各種相本濾鏡,喜歡的可以試用看看囉!請將以下語法貼到相本的CSS最尾巴即可。




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




「歡迎轉貼但請註明出處http://www.wretch.cc/blog/erins」
創作者介紹
創作者 lalaho 的頭像
lalaho

Ahola.com

lalaho 發表在 痞客邦 留言(1) 人氣()