Is there a way to put a delay between animation steps in css?

Question

css

Is there a way to put a delay between animation steps in css?

@keyframes {
    from {}
   //задержка
   to {}
}

Answer 1

Add more steps as a percentage of the duration of the animation. 10% {} 20%{} etc.

Answer 2

Example