animation | CSS-Tricks
Each @keyframes at-rule defines what should happen at specific moments during the animation. For example, 0% is the beginning of the animation and is the end. These keyframes can then be controlled either by the shorthand animation property, or its eight sub-properties, to give more control over how those keyframes should be …
