Stil animationName Eigenschaft
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 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
Andere Erweiterungen
Style-Objekt