Stijl animationDuration-eigenschap

Definitie en gebruik

animationDuration Definieert het aantal seconden of milliseconden dat nodig is voor de voltooiing van een animatieperiode.

Voorbeeld

Wijzig de animationDuration-eigenschap van het <div>-element:

document.getElementById("myDIV").style.animationDuration = "3s";

Probeer het zelf

Syntaxis

Retourneer de animationDuration-eigenschap:

object.style.animationDuration

Stel de animationDuration-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
time Regel de lengte die nodig is voor de voltooiing van de animatie. De standaardwaarde is 0, wat betekent dat er geen animatie is.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: String die de elementen animation-duration property.
CSS versie: CSS3

Browserondersteuning

animationDuration is een CSS3 (1999) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning 11

Related pages

CSS reference manual:animation-duration property