Ü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.
| Initialwert | 0s |
|---|---|
| Anwendbar auf | alle Elemente, ::before und ::after Pseudoelemente |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
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
Siehe CSS animations
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