Can I set the progress of a keyframe animation to a specific stage?

Question

I have a keyframe animation with multiple steps:

@keyframes rotateLeftSideCustom {
    0% {
    }
    40% {
        -webk         


        

Answer 1

You could use jQuery for animation. With .animate() you have a property step.

animate API

From the docs:

  
  
  
  



Run »

Where *now* is the actual state of your animation.

UPDATE

Propably you can use requestAnimationFrame but this is also like my other solution. The difference is - that it's pure JavaScript, so no external library needed.