CSS-animation-duration-Eigenschaft

Definition und Verwendung

animation-duration Die Eigenschaft definiert die Zeit, die für die Abschluss eines Animationszyklus benötigt wird, in Sekunden oder Millisekunden.

Weitere Informationen finden Sie unter:

CSS3-Tutorial:CSS Animation

HTML DOM Referenzhandbuch:animationDuration-Eigenschaft

Beispiel

Geben Sie einen Namen für die @keyframes-Animation an:

div {
  animation-duration: 3s;
}

Versuchen Sie es selbst!

CSS-Syntax

animation-duration: time;
Wert Beschreibung
time Legt die Zeit fest, die der Animation für die Abschluss des Animationszyklus benötigt. Der Standardwert ist 0, was bedeutet, dass keine Animationseffekte vorhanden sind.

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.animationDuration="3s"

Browser-Unterstützung

Die Zahlen in der Tabelle kennzeichnen die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit-, -moz- oder -o- als Präfix stellen die erste Version dar, die den Prefix verwendet.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-