Stil animationName Eigenschaft

Style 对象参考手册Style-Objekt

Beispiele

Ändern Sie die Eigenschaft animationName des <div>-Elements:

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

Selbst ausprobieren »

Definition und Verwendung

Die Eigenschaft animationName legt den Namen der @keyframes-Animation fest oder gibt ihn zurück.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Safari und Chrome unterstützen eine alternative Eigenschaft, nämlich die WebkitAnimationName-Eigenschaft.

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


Syntax

Die Eigenschaft animationName zurückgeben:

object.style.animationName

Legen Sie die animationName-Eigenschaft fest:

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

Eigenschaftswerte

Wert Beschreibung
none Standardwert. Gibt an, dass keine Animation vorhanden ist (kann verwendet werden, um Animationen aus der Kaskade zu überschreiben).
keyframename Gibt den Namen des Keyframes an, der an den Selektor gebunden werden soll.
initial Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。
inherit Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。

Technische Details

Standardwert: none
Rückgabewert: Eine Zeichenfolge, die die animation-name-Eigenschaft des Elements darstellt.
CSS-Version CSS3


Ähnliche Artikel

CSS-Referenzhandbuch:Die animation-name-Eigenschaft


Style 对象参考手册Style-Objekt

Andere Erweiterungen