Style animationDuration-egenskapen

definition och användning

animationDuration definierar antalet sekunder eller millisekunder som animationen behöver för att slutföras en cykel.

exempel

ändra animationDuration-egenskapen för <div>-elementet:

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

prova själv

syntaks

återger animationDuration-egenskapen:

object.style.animationDuration

ställa in animationDuration-egenskapen:

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

egenskapsvärde

värde beskrivning
tid bestämmer längden som animationen behöver för att avslutas. Standardvärdet är 0, vilket innebär att det inte kommer att finnas någon animation.
initial sätt detta egenskap till dess standardvärde. Se initial.
inherit arvtaggar detta egenskap från föräldrelementet. Se inherit.

tekniska detaljer

standardvärde: 0
återvärdet: sträng som anger elementets animation-duration-attribut.
CSS-version: CSS3

webbläsarstöd

animationDuration är en CSS3 (1999) egenskap.

alla webbläsare stöder det fullt ut:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
stödjer stödjer stödjer stödjer stödjer 11

Relaterade sidor

CSS referenshandbok:animation-duration-attribut