CSS transition-duration eigenschap

Definitie en gebruik

De transition-duration-eigenschap specifies the time it takes to complete the transition effect (in seconds or milliseconds).

Zie ook:

CSS handleiding:CSS overgang

HTML DOM referentiehandleiding:transitionDuration-eigenschap

Voorbeeld

Laat het overgangseffect 5 seconden duren:

div {
  transition-duration: 5s;
}

Probeer het zelf uit

CSS syntax

transition-duration: time;

Eigenschapswaarde

Waarde Beschrijving
time

Stelt het tijdsverloop in dat nodig is om de overgangseffect te voltooien (in seconden of milliseconden).

De standaardwaarde is 0, wat betekent dat er geen effect is.

Technische details

Standaardwaarde: 0
Inheritance: nee
Versie: CSS3
JavaScript syntax: object.style.transitionDuration="5s"

Browserondersteuning

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -webkit-、-moz- of -o- als voorvoegsel vertegenwoordigen de eerste versie die het voorvoegsel gebruikt.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-