❤ねこのプログにっき

黑白

--------------------------------------------------------------------------------

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

--------------------------------------------------------------------------------

 
半透明

 --------------------------------------------------------------------------------

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

--------------------------------------------------------------------------------

 扭曲

--------------------------------------------------------------------------------

.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);}
.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:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;}

--------------------------------------------------------------------------------

 反向

--------------------------------------------------------------------------------

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

--------------------------------------------------------------------------------

 X光

--------------------------------------------------------------------------------

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

--------------------------------------------------------------------------------

 波紋

--------------------------------------------------------------------------------

.side a img{filter:wave;}
.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)} 

--------------------------------------------------------------------------------