Style animationDuration Eigenschaft

Definition und Verwendung

animationDuration Definiert die Anzahl der Sekunden oder Millisekunden, die für einen Durchgang der Animation erforderlich sind.

Beispiel

Ändern Sie den animationDuration-Attribut des <div>-Elements:

document.getElementById("myDIV").style.animationDuration = "3s";

Probieren Sie es selbst aus

Syntax

Gibt die animationDuration-Eigenschaft zurück:

object.style.animationDuration

Setzt die animationDuration-Eigenschaft:

object.style.animationDuration = "time|initial|inherit"

Attributwert

Wert Beschreibung
time Bestimmt die Länge, die für die Animation erforderlich ist, um abzuschließen. Der Standardwert ist 0, was bedeutet, dass keine Animation vorhanden ist.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem Elternelement. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die den animation-duration-Eigenschaft.
CSS-Version: CSS3

Browserunterstützung

animationDuration Es ist eine CSS3 (1999) Eigenschaft.

Es wird von allen Browsern vollständig unterstützt:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung 11

Verwandte Seiten

CSS-Referenzhandbuch:animation-duration-Eigenschaft