我的CSS动画在animation-play-state: paused
上声明div:hover
。问题是(至少在Chrome中),当悬停在元素上时,动画会断断续续/跳跃。
这是一个jsFiddle:http://jsfiddle.net/AHqLE/
有没有人经历过这个?
答案 0 :(得分:0)
尝试添加-webkit-transform: translateZ(0);
或-webkit-transform: translate3d(0,0,0);
以强制加速硬件加密。我将此添加到我使用的任何过渡或动画中,以便Chrome不会留下痕迹。
答案 1 :(得分:0)
我可以在最新的Chrome版本(版本31.0.1650.63)中确认此现在有效
此问题的另一个注意事项:我相信我使用top/bottom
值而不是translateY
值来解决它(当时)