CSS · Motion and transforms

transition-duration

How long a transition takes. UI feedback usually lands between 120ms and 260ms.

Syntax
transition-duration: 200ms

Example

Try it

More in this group

@keyframes animation animation-duration animation-iteration-count animation-name perspective prefers-reduced-motion transform

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course