CSS transition-duration Eigenschaft

Definition und Verwendung

Das transition-duration-Attribut legt die Zeit fest, die für die Abwicklung des Übergangsverhaltens erforderlich ist (in Sekunden oder Millisekunden).

Weitere Informationen siehe:

CSS-Tutorial:CSS Übergang

HTML DOM Referenzhandbuch:transitionDuration-Attribut

Beispiel

Lassen Sie den Übergangs-Effekt 5 Sekunden dauern:

div {
  transition-duration: 5s;
}

Versuchen Sie es selbst

CSS-Syntax

transition-duration: Zeit;

Attributwert

Wert Beschreibung
Zeit

Legt die Zeit fest, die für die Abwicklung des Übergangsverhaltens erforderlich ist (in Sekunden oder Millisekunden).

Der Standardwert ist 0, was bedeutet, dass keine Wirkung erzielt wird.

Technische Details

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

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die das Attribut vollständig unterstützt.

Zahlen mit -webkit-, -moz- oder -o- beziehen sich auf die erste Version mit dem Präfix.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-