Menu Riverview Church

TRANSITION-DURATION

The transition-duration 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)