Blog

霧霧的

A IMG { FILTER: alpha(opacity=50) }
A:hover IMG { FILTER: alpha }

馬賽克效果

side A IMG {FILTER: alpha(opacity=100)}
.side A:hover IMG {FILTER: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)}

反方向效果

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

圓形矇矓感

.side {BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff}
.side A IMG {FILTER: alpha(style=2)}
.side A:hover IMG {FILTER: alpha(style=3)}

黑白連過去是彩色

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

變形變正常照片

.side a img{filter:Wave(strength=10,freq=5,lightstrength=10,phase=5);}
.side a:hover img{ filter:alpha(opacity=100) ;}

正常變黑邊第一種

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

正常變橢圓黑第二種

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

正常變黑框第三種

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

半透明

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