我有一张图片,其背景在悬停时发生变化,我想为其添加悬停。
这里是我要补充的内容:
-webkit-transition: all 1s ease-in-out;
这是在线版本: http://jsfiddle.net/jmXdh/2/
最佳答案
这就是您正在寻找的解决方案!
HTML CHANGES
<a href="/">
<img class="imghover" src="http://i42.tinypic.com/2v9zuc1.jpg"/>
<img class="img" src="http://i40.tinypic.com/i3s4dc.png"/>
</a>
CSS IMPROVEMENTS
.img{
z-index:1;
margin-left: -190px;
margin-bottom:5px;
opacity:0;
-webkit-transition:opacity 0.5s;
}
.img:hover{
opacity:1;
}
.imghover{
z-index:-100;
}
关于css - 动画 CSS3 不适用于此悬停图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17254570/