所以我想准确地重新创建色带过渡 http://subtlepatterns.com/但是我做错了。我的丝带图像是 140x160 [width,height],但悬停时没有任何反应。
我把:
#toplogo {
position: absolute;
left: 400px;
background-position: 0px -10px;
z-index: 5000;
}
#toplogo a {
background: url('ribbon.png') no-repeat;
width: 140px;
height: 160px;
display: block;
background-position: 0px -10px;
text-indent: -9999px;
-webkit-transition: 0.10s ease-in;
-moz-transition: 0.10s ease-in;
}
<div id="toplogo"> <a href="/">hello</a> </div>
最佳答案
在 CSS 中添加 -
#toplogo a:hover{
background-position: 0px 0px;
}
关于CSS3 背景过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11050199/