Property Description

The transition-duration property specifies the number of seconds a transition animation should take to complete.

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 durations may be specified - each duration will be applied to the corresponding property as specified by the transition-property property.

This property has the following syntax:

transition-duration: time|initial|inherit

Property Values

Value	Description
time	Specifies the number of seconds the transition from the old value of a property to the new value should take
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