过渡轻松从下到上？

Question

如何在菜单按钮悬停时从底部到顶部一直进行缓动？

http://jsfiddle.net/grafikfabriken/VT4r4/2/

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
height:45px;
border-top: 4px solid #FC7600;
margin-top: -4px;
background: url("http://i57.tinypic.com/2925mxg.jpg") repeat-x  0 49px #666666;
transition:  0.5s ease-out 0s;

Answer 1

在你的小提琴中，你可以在悬停时定义背景图像。只需将背景图像的位置设置为负值。

而不是49px将其设置为-49px。

background: url("http://i57.tinypic.com/2925mxg.jpg") repeat-x 0 -49px #666666;