Beispiel
Ändern der Animation eines <div> Element, die Kurzschrift - Eigenschaft mit:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; Versuch es selber " Definition und Verwendung
Die Animationseigenschaft ist eine zusammenfassende Eigenschaft für sechs der Animationseigenschaften:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: Immer die animationDuration Eigenschaft angeben, da sonst die Dauer 0, und wird nie gespielt werden.
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 | |||||
|---|---|---|---|---|---|
| animation | 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 WebkitAnimation Eigenschaft.
Syntax
Bringen Sie die Animationseigenschaft:
object .style.animation Stellen Sie die Animationseigenschaft:
object .style.animation=" Eigenschaftswerte Wert Beschreibung animationName Gibt den Namen des Keyframes wollen Sie an den Wähler binden animationDuration Gibt an, wie viele Sekunden oder Millisekunden eine Animation in Anspruch nimmt
animationTimingFunction Gibt die Geschwindigkeitskurve der Animation animationDelay Gibt eine Verzögerung, bevor die Animation starten
animationIterationCount Gibt an, wie oft eine Animation abgespielt werden soll animationDirection Gibt an, ob nicht die Animation umgekehrt auf abwechselnden Zyklen spielen animationFillMode Gibt an, welche Werte werden durch die Animation außerhalb der Zeit angelegt es ausgeführt wird animationPlayState Gibt an, ob die Animation läuft oder pausiert 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: keine 0 Leichtigkeit 0 1 normal kein Lauf Rückgabewert: Ein String, die die Animationseigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: animation property
<Style - Objekt