CSS · Motion and transforms

animation-duration

How long one animation cycle lasts.

Syntax
animation-duration: 300ms

Example

Try it

More in this group

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

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