CSS3 Animationseigenschaften
Beispiele
Verwenden Sie Kurzschrift-Eigenschaft Animation zu einem <div> Element zu binden:
div
{
Animation: mymove 5 s unendlich ; - Webkit-Animation: mymove 5 s unendlich / * Safari und Chrome * /
}
Versuchen »
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
| 属性 | |||||
|---|---|---|---|---|---|
| animation | 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- |
| Standard: | keine 0 Leichtigkeit 0 1 normal |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt .style.animation = "mymove 5s unendlich" |
Grammatik
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
| Wert | Erklärung |
|---|---|
| Animation-name | Gibt den Namen der Schlüsselrahmen gebunden zu sein, zu wählen |
| Animation-Dauer | Animation Gibt an, wie viele Sekunden oder Millisekunden |
| Animation-Timing-Funktion | Wie die Animation einzurichten einen Zyklus vervollständigen |
| Animation-Verzögerung | Animieren vor Verzögerungsintervall beginnt. |
| Animation-Iteration-count | Definieren Sie die Animation abgespielt. |
| Animation-Richtung | Gibt an, ob die Animation wieder einzuschalten. |
| Animation-fill-mode | Rückstellungen, wenn die Animation nicht wiedergegeben (wenn die Animation abgeschlossen ist, oder wenn es eine Verzögerung bei der Animation abgespielt wird nicht gestartet), dem Stil-Element angewendet werden. |
| Animation-Play-Zustand | Gibt an, ob die Animation oder pausiert läuft. |
| Initiale | Legen Sie die Eigenschaft auf den Standardwert. Lesen Sie die Informationen über initial. |
| erben | Eigenschaften geerbt vom Eltern-Element. Lesen Sie die Informationen über initinherital. |
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Animationen