close

相簿透明化

.side a img{FILTER:Alpha(opacity=70);}
.side a:hover img{position:relative;top:2px;left:2px;}

相簿不ㄧ樣的透明化
*第一種效果

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

*第二種效果

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

*第三種效果

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

相簿下凹化

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

相簿模糊化

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

相簿黑白化

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

相簿對比化

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

相簿X光化

.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 matt0921699526 的頭像
    matt0921699526

    　　

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

    E-mail轉寄