mouseleave 上的悬停动画变换

Question

我为一个 div 创建了一个动画，所以当鼠标悬停在 div 上时它会跳动。但是当我用鼠标离开 div 时，div 会恢复到原始状态。是否有可能将其顺利变回原点？

http://jsfiddle.net/ninerian/npN89/

我尝试了 padding 和 font-size 的过渡，但它看起来不太平滑，并且原点没有像 transform 那样居中。

Answer 1

你想要的是 -webkit-animation-fill-mode: forwards;由于某种原因，我无法让它在 jsfiddle 中工作，但如果它在动画中间停止，这应该允许动画在停止后完成。