Style animationDuration -Eigenschaft
Beispiel
Ändern der Eigenschaft animationDuration eines <div>-Elements:
document.getElementById("myDIV").style.animationDuration = "3s";
Definition und Verwendung
Die Eigenschaft animationDuration definiert, wie viele Sekunden oder Millisekunden eine Animation benötigt, um einen Zyklus abzuschließen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Moz geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Syntax
Geben Sie die Eigenschaft animationDuration zurück:
object.style.animationDuration
Legen Sie die Eigenschaft animationDuration fest:
object.style.animationDuration = "time|initial|inherit"
Eigenschaftswerte
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
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die Eigenschaft animation-duration eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft animation-duration