CSS3 transitions图片渐入渐出实例页面

CSS代码：

.anim_fade_image {
    position:absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.anim_fade_image:hover, .anim_fade_image_hover {
    opacity:0;
    filter: alpha(opacity=0);
}
                

HTML代码：

<img class="anim_fade_image" src="//image.zhangxinxu.com/image/study/p/s200/ps6.jpg" />
<img src="//image.zhangxinxu.com/image/study/p/s200/ps4.jpg" />