纯CSS控制图片渐入渐出特效，鼠标滑过切换图片效果

我们先来看看效果，鼠标放在下面的图片上试试吧。

HTML代码

<img class="img" src="图片1"/>
<img src="图片2"/>

CSS代码

<style>
  .img {
    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;
}
.img:hover, .img_hover {
    opacity:0;
    filter: alpha(opacity=0);
}
</style>