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

Beispiele

Spezifikation

Spezifikation Status Anmerkung
CSS Animations
Die Definition von 'animation-duration' in dieser Spezifikation.
Arbeitsentwurf Urspr├╝ngliche Definition

Browser Kompatibilit├Ąt

BCD tables only load in the browser

Siehe auch