Home Menu

animation-duration

The animation-duration CSS property defines the duration of a single animation cycle.

Syntax

CSS

animation-duration: value;

JS

object.style.animationDuration = "value";

Values

<'animation-duration'> = <time>#
<time>

Defines how long of a delay there is between the start of the animation and when it begins executing.

ms

Milliseconds. There are 1000 milliseconds in 1 second.

s

Seconds.

Initial

0s

Examples

time

JS

Internal

animation

animation-delay

animation-direction

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

External

World Wide Web Consortium (W3C)

JesusBible
HTMLCSSJSPHPSVGMore
AboutTerms