CSS3动画暂停后卡顿/跳转

Question

我的CSS动画在div:hover上声明了一个animation-play-state: paused。问题是(至少在Chrome中)，当悬停在元素上时，动画断断续续/跳跃。

这是一个jsFiddle：http://jsfiddle.net/AHqLE/

有没有人经历过这种情况？

Answer 1

我可以确认这个现在可以在最新的Chrome版本(版本31.0.1650.63)中运行了。

关于这个问题的额外说明:我相信我(当时)通过使用top/bottom值而不是translateY值解决了这个问题

Answer 2

尝试添加-webkit-transform: translateZ(0);或-webkit-transform: translate3d(0,0,0);以强制硬件加速。我将这个添加到我使用的任何过渡或动画中，这样Chrome就不会留下痕迹。