在mouseleave上悬停动画转换

Question

我为div创建了一个动画，所以当鼠标悬停div时它会发生变化。但是当我用鼠标离开div时，div会回到原始状态。有没有可能将其顺利转换回原点？

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

我试图填充和字体大小的过渡，但看起来不那么平滑和原点不居中像变换。

Answer 1

你想要什么是-webkit-animation-fill-mode：forwards;由于某种原因，我没有让它在jsfiddle中工作，但是如果动画在动画中间停下来，它应该可以让动画在停止后完成。