所以我试图让我的分页在悬停时顺利滑过，然后在鼠标离开元素后滑回原来的位置。我让它在悬停时滑动，但是当鼠标离开按钮时，它只是弹回而不是过渡。有人可以帮我解决这个问题吗？
这是我的代码。
#pagination {
width: auto;
margin-top: 4px;
font-size: 40px;
height: auto;
border-left: 5px solid #2F4F4F;
border-right: 1px solid #2F4F4F;
text-shadow:
-1px 1px #000000;
-2px 2px #000000;
-3px 3px #000000;
background: #ffffff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
#pagination :hover {
background: #2F4F4F;
border-left: 15px solid #2F4F4F;
border-right: 1px solid #7A8B8B;
width: auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}