Css 从底部到顶部的过渡是否容易？

如何使菜单按钮悬停时的“轻松”从下到上

---

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

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

---

背景：urlhttp://i57.tinypic.com/2925mxg.jpg 重复-x 0-49px 6666

你能解释一下想要的结果吗？是的，如果你看看我的小提琴。当你将鼠标悬停在菜单上时，背景img从上到下下降，几乎直接停止。我想背景图像应该做相反的事情。从底部一直滑到顶部。

.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;