How to set framerate delay using keyframes?

Question

css

I need to make a sprite animation, where 1 picture replaces another in turn. I started doing it using keyframes, but the problem is that the frames change with animation, and I need a 0s delay, but with an interval of 0.2s - the frame rate.
Tell me how to do this?

Answer 1

designmodo.com/steps-css-animations - all there in keyframes, just use steps. Inside the guide there are examples with watches and other things.

Answer 2

The animation-delay property is responsible for the delay, and animation-duration is responsible for the duration of
the animation
.