CSS3 `animation-delay` Property

Example

Wait for two seconds, then start the animation:

animation-delay: 2s;
-webkit-animation-delay: 2s; /* Safari and Chrome */

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, or -moz- specify the first version that supported the prefixed property.

Property
animation-delay	43.0 <br>4.0 -webkit-	10.0	16.0 <br>5.0 -moz-	9.0 <br>4.0 -webkit-	30.0 <br>15.0 -webkit- <br>12.0 -o-

The animation-delay property specifies when the animation should start.

The animation-delay value can be in seconds (s) or milliseconds (ms).

Tip: Allow negative values, -2s makes the animation start immediately but skips the first 2 seconds of the animation.

Default value:	0
Inherited:	no
---	---
Version:	CSS3
---	---
JavaScript syntax:	`object.style.animationDelay="2s"`
---	---

Value	Description	Test
time	Optional. Defines the amount of time to wait before starting the animation, in seconds or milliseconds. Default value is 0.	Test »

Negative value, note that the animation skips the first 2 seconds of the cycle:

animation-delay: -2s /* Opera */
-moz-animation-delay: -2s /* Firefox */
-webkit-animation-delay: -2s /* Safari and Chrome */