CSS animierbar
Definition und Verwendung
Einige CSS-Eigenschaften sind animierbar , was bedeutet, dass sie in Animationen und Übergängen verwendet werden können.
Animierbare Eigenschaften wie Größe, Zahlen, Prozentsatz und Farbe können sich allmählich von einem Wert zum anderen ändern.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die CSS-Animationen vollständig unterstützt.
Zahlen gefolgt von -webkit-, -moz- oder -o- geben die erste Version an, die mit einem Präfix funktioniert hat.
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- |
Beispiel
Animieren Sie die Hintergrundfarbe von Rot nach Blau:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Animierbare Eigenschaften
Diese Eigenschaften sind in CSS animierbar :