The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence.

Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes

@keyframes