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