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.
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 Level 1 Die Definition von 'animation-duration' in dieser Spezifikation. |
Arbeitsentwurf | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser