Stijl animatieDuur Eigenschap
Voorbeeld
De eigenschap AnimationDuration van een <div>-element wijzigen:
document.getElementById("myDIV").style.animationDuration = "3s";
Definitie en gebruik
De eigenschap AnimationDuration definieert hoeveel seconden of milliseconden een animatie nodig heeft om één cyclus te voltooien.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door Moz geven de eerste versie aan die met een voorvoegsel werkte.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Syntaxis
Retourneer de eigenschap AnimationDuration:
object.style.animationDuration
Stel de eigenschap AnimationDuration in:
object.style.animationDuration = "time|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
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 animatieduur van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS -referentie: eigenschap animatieduur