暂停后CSS3动画口吃/跳跃

时间:2013-04-09 22:23:05

标签: css css3 css-animations

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

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

有没有人经历过这个?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我可以在最新的Chrome版本(版本31.0.1650.63)中确认此现在有效

此问题的另一个注意事项:我相信我使用top/bottom值而不是translateY值来解决它(当时)