Is it possible to call a specific keyframe in CSS animation?

Question

I am trying to render CSS animations, but are affected by external dynamic values ​​processed by JavaScript, so now I am wondering if there is a way to step-by-step move keyframes of CSS animations.

Answer 1

You can get the animation to start in part by setting a negative delay for the animation .

(You will need to calculate the corresponding time value for the keyframe that you want to display.)

Perhaps if you also set the animation state to pause, the animation will appear at the indicated position, but will not move. I haven't even tried it!