Trying to press the stop link the animation does not stop at is should be.
The above works fine in computer browser but it’s not pausing in ios safari.
Also I have created a similar example where the only difference is that simple CSS3 animations are used (not translate3d ) and that seems to work fine in any case. http://jsfiddle.net/gdementis/HykgE/2/
The expected behavior would be when property animation-play-state (-webkit-animation-play-state to be more precise)changes from running to paused for an animation that is currently running to pause.
An additional observation is that if the animations hasn’t started then changed the animation-play-state to paused it does pause the animation.
For latest Andriod Chrome, it’s not pausing at initial stage as well.