Style animation Eigenschaft

Beispiel

Ändern Sie die Animation eines <div>-Elements mithilfe der Kurzschreibweise-Eigenschaft:

document.getElementById("myDIV").style.animation="mymove 5s infinite";

Die animation-Eigenschaft ist eine Kurzschreibweise-Eigenschaft für sechs animation-Eigenschaften:

animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection.

Hinweis:Geben Sie immer die animationDuration-Eigenschaft an, andernfalls ist die Dauer 0 und die Animation wird nicht abgespielt.

Internet Explorer 10, Firefox und Opera unterstützen die animation-Eigenschaft.

Safari und Chrome unterstützen eine alternative Eigenschaft, die WebkitAnimation-Eigenschaft.

Hinweis:Internet Explorer 9 und frühere Versionen unterstützen die animation-Eigenschaft nicht.

animation-Eigenschaft zurückgeben:

object.style.animation

animation-Eigenschaft setzen:

object.style.animation="name duration timingFunction delay iterationCount direction fillMode playState"

Wert	Beschreibung
animationName	Gibt den Namen der Keyframes an, die an den Selektor gebunden werden sollen.
animationDuration	Gibt die Anzahl der Sekunden oder Millisekunden an, die die Animation zum Abschluss benötigt.
animationTimingFunction	Gibt die Geschwindigkeitskurve der Animation an.
animationDelay	Gibt die Verzögerung an, bevor die Animation startet.
animationIterationCount	Gibt an, wie oft die Animation abgespielt wird.
animationDirection	Gibt an, ob die Animation in Zyklen abwechselnd rückwärts abgespielt werden soll.
animationFillMode	Gibt den Stil an, der auf das Element angewendet werden soll, wenn die Animation nicht läuft (wenn die Animation abgeschlossen ist oder wenn die Animation eine Verzögerung hat und noch nicht gestartet ist).
animationPlayState	Gibt an, ob die Animation läuft oder pausiert ist.
initial	Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。
inherit	Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。

Standardwert:	none 0 ease 0 1 normal none running
Rückgabewert:	Ein String, der die animation-Eigenschaft eines Elements darstellt.
CSS-Version	CSS3