animation-delay

Sets a delay for the start of an animation. This value is defined in seconds or milliseconds.

Syntax

Explain the syntax of this reference item and show an example in the code block below. Try to remove as much unnecessary items as possible. It’s important this is easy to process at a glance.

/*
    animation-delay: 4s;
    animation-delay: 9 ms;
    animation-delay: inherit;
*/

Values

time
Defines how long to wait before the animation starts. Default value is 0.

initial
Sets property to default value.

inherit
Sets property to its inherited value.

Browser Compatibilty

Demos

Have a code example of animation-delay? Submit a codepen.io demo and we'll showcase it here ↴