Foundations · Motion

Motion

Shared timings keep feedback quick and consistent. The theme removes nonessential movement when the user prefers reduced motion.

Duration

Choose the shortest duration that still makes a state change clear.

100ms

button, focus, and tag feedback

180ms

indicators, toggles, and image color

240ms

sheets and larger surfaces

360ms

deliberate entry motion