CSS3 animation-name Eigenschaft
Beispiel
Geben Sie einen Namen für die @keyframes-Animation an:
animation-name:mymove;
-webkit-animation-name:mymove; /*Safari und Chrome*/
Selbst ausprobieren »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.
Die Zahl unmittelbar vor -webkit-, -ms- oder -moz- ist die erste Browsersionsnummer, die die mit Präfix versehene Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| animation-name | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Tag-Definition und Verwendungshinweise
Die animation-name-Eigenschaft gibt den Namen für die @keyframes-Animation an.
| Standardwert: | none |
|---|---|
| Vererbt: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object object.style.animationName="mymove" |
Syntax
animation-name: keyframename|none;
| Wert | Beschreibung |
|---|---|
| keyframename | Gibt den Namen der Keyframes an, die an den Selektor gebunden werden sollen. |
| none | Gibt an, ob eine Animation vorhanden ist (kann verwendet werden, um Animationen aus der Kaskade zu überschreiben). |
Ähnliche Artikel
CSS3-Tutorial:CSS3-Animationen
Weitere Erweiterungen