animation-duration

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

Ü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
Medienvisuell
Berechneter Wertwie angegeben
AnimierbarNein
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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
Die Definition von 'animation-duration' in dieser Spezifikation.		 Arbeitsentwurf Ursprüngliche Definition

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 3.0-webkit 5.0 (5.0)-moz
16.0 (16.0)		 10 12-o
12.10 #		 4.0-webkit
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.0-webkit 5.0 (5.0)-moz
16.0 (16.0)		 Nicht unterstützt Nicht unterstützt 4.2-webkit

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: Sebastianz, fscholz, SJW
 Zuletzt aktualisiert von: Sebastianz,