This is an experimental feature
Because this feature is still in development in some browsers, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental feature is subject to change in future version of browsers as the spec changes.

Summary

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

You may specify multiple durations; each duration will be applied to the corresponding property as specified by the transition-property property.

• Initial value : 0s
• Applies to: all elements, :before and :after pseudo elements
• Inherited : no
• Media: interactive
• Computed value : as specified

Syntax

transition-duration: time[, time]*

where :

time

Is a <time> denoting the amount of time the transition from the old value of a property to the new value should take.

Examples

There are several examples of CSS transitions included in the main CSS transitions article.

Specifications

• CSS Transitions Module Level 3 (Working Draft)

Browser compatibility

See also

• CSS transitions
• transition
• transition-property
• transition-timing-function
• transition-delay