Property Description

The transition-delay property specifies the number of seconds to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.

A value of 0 indicates that the property will begin to animate its transition immediately when the value changes; positive values will delay the start of the transition effect for the corresponding number of seconds. Negative values cause the transition to begin immediately, but to cause the transition to seem to begin partway through the animation effect.

Note: Multiple delays may be specified - each delay will be applied to the corresponding property as specified by the transition-property property.

This property has the following syntax:

transition-delay: time|initial|inherit

Property Values

Value	Description
time	Specifies the number of seconds to wait between a property's value changing and the start of the animation effect
initial	Specifies that the value of the property should be set to the default value
inherit	Specifies that the value of the property should be inherited from the parent element

Browser Support

Chrome	Firefox	IE	Safari	Opera
26 4.0 -webkit-	16 4.0 -moz-	10.0	6.1 3.1 -webkit-	12.1 10.5 -o-

Miscellaneous Information

Inherited:	No
Defined In:	CSS3
Default Value:	0