Define animation waypoints
The @keyframes rule is used to define the waypoints in an animation sequence. Waypoints provide control over the intermediate steps of an animation sequence.
Keyframes must provide an
animation-name that matches a name chosen and declared elsewhere in CSS .
Keyframes may specify either
to waypoints, or three or more percentage waypoints.