StijlovergangDuur Eigenschap _
Voorbeeld
Versnel het overgangseffect:
document.getElementById("myDIV").style.transitionDuration = "1s";
Definitie en gebruik
De eigenschap transitionDuration bepaalt of retourneert hoeveel seconden (s) of milliseconden (ms) een overgangseffect nodig heeft om te voltooien.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Syntaxis
Retourneer de eigenschap transitionDuration:
object.style.transitionDuration
Stel de eigenschap transitionDuration in:
object.style.transitionDuration = "time|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap overgangsduur van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS -referentie: eigenschap transitieduur
❮ Stijlobject