Home Menu

transition-duration

The transition-duration CSS property defines the length of time a transition takes.

Syntax

CSS

transition-duration: value;

JS

object.style.transitionDuration = "value";

Values

<'transition-duration'> = <time>#
<time>

Defines how long of a delay there is between the start of the animation and when it begins executing.

ms

Milliseconds. There are 1000 milliseconds in 1 second.

s

Seconds.

Initial

0s

Examples

time

JS

Internal

transition

transition-delay

transition-property

transition-timing-function

External

World Wide Web Consortium (W3C)

JesusBible
HTMLCSSJSPHPSVGMore
AboutTerms