animation-delay

The animation-delay CSS property defines when the animation will start.

Syntax

CSS

animation-delay: value;

JS

object.style.animationDelay = "value";

Values

<'animation-delay'> = <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 | ms

time | s

JS

Internal

animation

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

External

World Wide Web Consortium (W3C)

Home Menu