Style transitionDuration eigenschap

Definitie en gebruik

transitionDuration Eigenschap instellen of retourneren hoeveel seconden (s) of milliseconden (ms) nodig zijn om het overgangseffect te voltooien.

Zie ook:

CSS referentiemanual:transition-duration eigenschap

Voorbeeld

Versnel het overgangseffect:

document.getElementById("myDIV").style.transitionDuration = "1s";

Probeer het zelf

Syntax

Retourneert de transitionDuration eigenschap:

object.style.transitionDuration

Instellen van de transitionDuration eigenschap:

object.style.transitionDuration = "time|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
time Definieert hoeveel seconden of milliseconden nodig zijn om de overgangseffect te voltooien. De standaardwaarde is 0, wat betekent dat er geen effect is.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erft van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: tekensreeks die de transition-duration eigenschap.
CSS versie: CSS3

Browserondersteuning

Tabelweergave van de cijfers geeft de browserversie aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1