# 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>[, time]

# 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

# Browser Support

Firefox | IE | Chrome | Opera | Safari

# Miscellaneous Information

Inherited: | No
Defined In: | Mozilla Specific
Initial Value: | 0
Applies To: | All elements, :before and :after pseudo elements