CSS animationdelay Property (original) (raw)
CSS animation-delay Property
Last Updated : 23 Aug, 2024
The animation-delay property specifies a delay for the start of an animation. Defined in seconds (s) or milliseconds (ms), this value determines how long to wait before beginning the animation. Negative values start the animation as if it had already been playing for the specified duration.
**Syntax
animation-delay: time|initial|inherit;
**Property Values
| Value | Description |
|---|---|
| time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation starts. Default is 0. Negative values are allowed and will start the animation as if it had already been playing for N seconds/milliseconds. |
| initial | Sets the property to its default value. |
| inherit | Inherits the property from its parent element. |
**Example: This example demonstrates the animation-delay property in CSS. The animation on the second
tag is delayed by 10 seconds, starting 10 seconds after the page loads.
html `
CSS animation-delay Property