Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzungen reaktiviert werden können.

animation-duration

Übersicht

Die animation-duration CSS Eigenschaft bestimmt die Ablaufdauer einer Animation.

Der Standartwert ist 0s, somit wird keine Animation ausgeführt.

Anstelle von animation-duration kann auch die Kurzschreibweise animation verwendet werden.

Initialwert0s
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

animation-duration: 6s;
animation-duration: 120ms;
animation-duration: 1s, 15s;
animation-duration: 10s, 30s, 230ms;

Werte

<time>
Die Ablaufdauer der Animation wird in Sekunden (s) oder Millisekunden (ms) angegeben. Ohne Angabe einer Masseinheit ist der Wert ungültig. Negative Werte sind nicht zulässig.
Hinweis: Einige ältere Implementierungen mit Präfix interpretieren negative Werte als 0s.

Formale Syntax

<time>#

Beispiele

Siehe CSS animations

Spezifikation

Spezifikation Status Anmerkung
CSS Animations Level 1
Die Definition von 'animation-duration' in dieser Spezifikation.		 Arbeitsentwurf Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch