Keyframes

Defined points in an animation (0%, 50%, 100%) that the browser fills the gaps between.

@keyframes spin { 0% { rotate: 0deg } 100% { rotate: 360deg } }

Tap the example to replay it · press and hold to slow it down