CSS doesn't provide a property to pause an animation before it loops
around again. Yes, there's
animation-delay
but this simply denotes a delay at the very start of the animation,
when the element is first shown.
WAIT! Animate
calculates updated keyframe percentages given a
wait
time meaning you can insert a delay between each animation iteration
using pure CSS, without JavaScript.
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.