Search within TutorialsPark

CSS3 transition-delay Property

To specify a delay defore the transition starts.

Definition and Notes.

1. The CSS3 transition-delay property is used to specify a time in seconds or milliseconds that a transition animation should wait before beginning to perform.

2.Negative values can be used, but it would start midway through the transition and run to its conclusion


CSS3 transition-delay property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note-The value of zero means that the transition would begin as soon as the page is loaded.

Property Values

Value Description
time To specify one or more properties that will be transitioned.


Specs Value
Name transition-delay
Value <time> [,<time>]*
Initial Value 0s
Applies to all elements, :before and :after pseudo elements
Javascript syntax"height 5s"
Inherited No
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.