1
HTML/CSSIntermediate#css#transforms
HTML/CSSIntermediate#css#animations
How do CSS keyframe animations work?
@keyframes defines named animation stages with percentage or from/to markers, then animation-name, duration, timing-function, iteration-count, and direction are applied to an element to run it, unlike transitions which only interpolate between two states.
Example
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.loader {
animation: spin 1s linear infinite;
}