Chrome -webkit-play animation

Question

I rotate the circle with CSS3 and pause / start the animation with -webkit-animation-play-state when the div hangs. Once it starts up again, the animation seems to return to the start in just a second in Chrome. In Safari, everything starts and stops.

Here is the fiddle:

http://jsfiddle.net/s5AZy/

Does anyone have a solution?

Answer 1

Unfortunately, animation and freezing are two hard operations. Now the animation is still new and not very stable. Therefore, if you want to remove the flicker, remove the freeze.
You can try to apply hovering on another div, maybe this will help.

Answer 2

I think this link may help, let me know later.

Prevent flickering with webkit-transform transition webcam

Try

-webkit-transform-style: preserve-3d; 

Ok lucky