CSS-Animation
Definition und Verwendung
Einige CSS - Eigenschaften können animiert werden, was bedeutet , dass sie für Animationen und Übergänge verwendet werden.
Animation Eigenschaften können nach und nach von einem Wert zum anderen, wie Größe, Anzahl und Prozentsatz der Farbe geändert werden.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Methode Versionsnummer zu unterstützen.
Unmittelbar nach der Zahl -webkit-, -moz- oder -o- gibt die erste Browser, der dieses Attribut Version Präfix unterstützt.
4.0 -webkit- | 10.0 | 16.0 5,0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12.0 -o- |
Beispiele
Die Hintergrundfarbe ändert sich allmählich von rot nach blau:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Versuchen »
Animationseinstellungen
CSS-Animation Eigenschaften: