css - mouseleave 上的悬停动画变换

Question

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

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

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

Answer 1

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