Pick an animation preset and tune duration, timing function, delay and iteration count, then copy the generated @keyframes and animation CSS while previewing it live.
It defines the intermediate steps of an animation as percentages (or from/to), which the animation property then plays over time.
It shapes the animation's speed curve — ease, linear, ease-in-out or a custom cubic-bezier — affecting how motion accelerates.
Set animation-iteration-count to infinite so the keyframes repeat continuously instead of running a fixed number of times.