animation-duration

The animation-duration CSS property sets the length of time that an animation takes to complete one cycle.

It is often convenient to use the shorthand property animation to set all animation properties at once.

Values: This property is specified as a comma-separated list of the following values:

Values: auto For time-based animations, auto is equivalent to a value of 0s (see below). For CSS scroll-driven animations, auto fills the entire timeline with the animation.

Values: <time> The time that an animation takes to complete one cycle. This may be specified in either seconds (s) or milliseconds (ms). The value must be positive or zero and the unit is required.

Syntax example: animation-duration: auto; /* Default */