The transition-duration property sets the duration of a transition and takes time values in seconds (s) or milliseconds (ms).

Syntax:

selector { 

         transition-duration: time | initial | inherit;

}

Values:

Possible values for transition-duration property are:

  • time; Specifies the duration of a transitions in seconds or miliseconds, with 0 being default.
  • initialinherit

The default value is 0, which means that in reality there will be no effect applied to the element. Besides seconds or milliseconds, other values may be initial or  inherit.

Example

The transition-duration property example:

 

›› go to examples ››