tas2580
Blog über Webentwicklung

CSS - animation-duration

Die animation-duration Eigenschaft legt fest, wie viele Sekunden oder Millisekunden eine Animation eines Zyklus in Anspruch nimmt.

Beispiel

div {
    animation-duration: 2s;
}

Definition und Verwendung

Standard Wert:
0
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Nein
-webkit-:
-webkit-animation-duration
-moz-:
-moz-animation-duration
-o-:
-o-animation-duration

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
Zeit Gibt die Länge der Zeit in Sekunden (s) oder Milisekunden (ms) die eine Animation dauert an. Der Standardwert ist 0, was bedeutet, es wird keine Animation abgespielt. Negative Werte sind nicht zulässig.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.