CSS transition-duration property

Select CSS property...

transition-duration

The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

Example

Initial value	0s
Applies to	all elements, ::before and ::after pseudo-elements

Syntax

  
transition-duration: 2000ms;

Values

<time>

Is a denoting the amount of time the transition from the old value of a property to the new value should take. A time of 0s indicates that no transition will happen, that is the switch between the two states will be instantaneous. A negative value for the time renders the declaration invalid.

Browser support


transition-duration	chrome26	edge12	firefox16	ie10	opera12.1	safari9

transition-duration

Example

Syntax

Values

Browser support

Navi

About

Learn

Resources