Easy Tutorial
❮ Jsref Decodeuri Prop Table Thead ❯

Style animationDelay Property

Style Object

Example

Change the animationDelay property of a <div> element:


Definition and Usage

The animationDelay property defines when the animation will start.

The unit of the animationDelay value can be seconds (s) or milliseconds (ms).

Tip: Negative values are allowed, e.g., -2s means the animation will start immediately but will begin 2 seconds into the animation.


Browser Support

Only Firefox supports the animationDelay property.


Syntax

Return the animationDelay property:

Set the animationDelay property:

Property Values

Value Description
time Optional. Defines the number of seconds or milliseconds to wait before the animation starts. The default value is 0.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: 0
Return value: String, representing the animation-delay property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS Reference: animation-delay Property


Style Object

❮ Jsref Decodeuri Prop Table Thead ❯