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