Search within TutorialsPark

CSS3 animation-delay Property

To set the delay before the animation begins .

Definition and Notes.

1. The CSS3 animation-delay property specifies a time in seconds or milliseconds the animation should wait before beginning to play.

2. The timer starts when the animation CSS is applied by the browser, usually when the page load is complete.


CSS3 animation-delay property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- Negative Values can also be used.

Property Values

Value Description
time To specify the number of seconds or milliseconds after which the animation starts


Specs Value
Name animation-delay
Value <time>#
Initial Value 0
Applies to block-level and inline-level elements
Javascript syntax"5s"
Inherited No
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.