Sequencing & Timing

Keyframes

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

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

Follow the square through each dotted stop

One of 266 cards in the Design deck. Browse every card.