CSS3 transition-duration property

Description of property definition and use

The transition-duration property specifies the time, in seconds or milliseconds, it takes to complete the transition.

Default:	0
Inherited:	no
Version:	CSS3
JavaScript syntax:	object .style.transitionDuration="5s"

transition-duration: time ;

Value	Describe
time	Specify the time, in seconds or milliseconds, it will take to complete the transition. The default value is 0, which means that there will be no effect.

The numbers in the table support the first browser version number of the property.

The number immediately before -webkit-, -ms- or -moz- is the first browser version number that supports the prefix property.

Attributes
transition-duration	26.0 4.0 -webkit-	10.0	16.0 4.0 -moz-	6.1 3.1 -webkit-	12.1 10.5 -o-

The switch effect appears in the last 5 seconds:

transition-duration: 5s;
-webkit-transition-duration: 5s; /* Safari */