Beispiel
Ändern der animationName Eigenschaft eines <div> Element:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove"; Versuch es selber " Definition und Verwendung
Die animationName Eigenschaftssätze oder gibt einen Namen für die @keyframes Animation.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit, Moz oder O der erste Version angeben, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| animationName | 43.0 4.0 Webkit | 10.0 | 16.0 5,0 Moz | 4.0 Webkit | 30.0 15,0 Webkit 12.1 12.0 O |
Hinweis: Chrome, Safari und Opera eine Alternative unterstützen, die WebkitAnimationName Eigenschaft.
Syntax
Bringen Sie die animationName Eigenschaft:
object .style.animationName Stellen Sie die animationName Eigenschaft:
object .style.animationName="none| Eigenschaftswerte Wert Beschreibung none Standardwert. Gibt an, dass es keine Animation sein (kann verwendet werden Animationen von der Kaskade kommen außer Kraft zu setzen) keyframename Gibt den Namen des Keyframes wollen Sie an den Wähler binden initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, die die Animation-Name-Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: animation-name property - animation-name property
<Style - Objekt