在mouseleave上悬停动画变换

Question

我为div创建了一个动画，所以当鼠标悬停div时它会发出脉冲。但是当我用鼠标离开div时，div会重新回到原始状态。是否有可能将其平稳地转换回原点？

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

我尝试了填充和字体大小的转换，但它看起来不那么平滑，并且原点不像转换那样居中。

Answer 1

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