Style animationName-Eigenschaft

Definition und Verwendung

animationName Attribute setzen oder den Namen der @keyframes-Animation zurückgeben.

Beispiel

Ändern Sie den animationName-Attribute des <div>-Elements:

document.getElementById("myDIV").style.animationName = "myNEWmove";

Versuchen Sie es selbst

Syntax

Rückgabe der animationName-Eigenschaft:

object.style.animationName

Setzen Sie die animationName-Eigenschaft:

object.style.animationName = "none|keyframename|initial|inherit"

Eigenschaftswert

Wert Beschreibung
none Standardwert. Legt fest, dass keine Animationen vorhanden sind (kann verwendet werden, um Animationen aus dem Kaskadenverhalten zu überschreiben).
keyframename Legt den Namen des关键帧(keyframe) fest, der dem Selector zugeordnet wird.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

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

Browser-Unterstützung

animationName ist eine CSS3 (1999) -Eigenschaft.

Alle Browser unterstützen es vollständig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
unterstützt unterstützt unterstützt unterstützt unterstützt 11

zugehörige Seiten

CSS Referenzhandbuch:animation-name-Eigenschaft