CSS transition-delay eigenschap

Definitie en gebruik

De transition-delay eigenschap bepaalt wanneer de overgangseffecten beginnen.

De waarden van transition-delay worden uitgedrukt in seconden of milliseconden.

Zie ook:

CSS handleiding:CSS overgang

HTML DOM referentiehandleiding:transitionDelay eigenschap

Voorbeeld

Wacht 2 seconden voordat de overgangseffecten beginnen:

div {
  transition-delay: 2s;
}

Probeer het zelf uit

CSS syntaxis

transition-delay: tijd;

Eigenschapswaarde

Waarde Beschrijving
tijd Stelt de tijd voor die nodig is voordat de overgangseffecten beginnen, uitgedrukt in seconden of milliseconden.

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS3
JavaScript syntaxis: object.style.transitionDelay="2s"

Browserondersteuning

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

Getallen met -webkit- of -moz- als voorvoegsel geven de eerste versie aan die de prefix 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-