CSS Animation
Definition und Verwendung
Einige CSS-Eigenschaften könnenAnimationseffekte haben, was bedeutet, dass sie für Animationen und Übergänge verwendet werden können.
Animationseigenschaften können sich schrittweise von einem Wert in einen anderen ändern, wie Größe, Anzahl, Prozentsätze und Farben.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der die Methode unterstützt.
Das -webkit-, -moz- oder -o-, das auf die Zahl folgt, gibt das Präfix der Browserversion an, die die Eigenschaft zuerst unterstützte.
| 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- |
4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
Beispiel
Die Hintergrundfarbe ändert sich allmählich von Rot zu Blau:
@keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
/*Safari und Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Selbst ausprobieren »
Animationseigenschaften
Animationseigenschaften in CSS: