CSS - Eigenschaft animation-duration
Beispiel
Geben Sie an, dass die Animation einen Zyklus in 3 Sekunden abschließen soll:
div {
animation-duration: 3s;
}
Definition und Verwendung
Die animation-duration
Eigenschaft definiert, wie lange eine Animation für einen Zyklus benötigen soll.
Standardwert: | 0 |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.animationDuration="3s" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -webkit-, -moz- oder -o- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
CSS-Syntax
animation-duration: time|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwandte Seiten
CSS-Tutorial: CSS-Animationen
HTML-DOM-Referenz: Eigenschaft animationDuration