Entry 20 · the alphabet of motion

T

Timing

The duration assigned to each beat of an animation.

CSS @keyframes · timing

The long entry

Timing is everything. A 200ms transition feels snappy; 400ms feels considered; 800ms feels luxurious; 1600ms feels broken. The same curve at different durations communicates entirely different things. Most beginning motion designers default to 1000ms; most working professionals default to 300-400ms.