Ein Keyframe markiert das Aussehen einer Animation zu einem bestimmten Zeitpunkt. Bei einer Webanimation können Sie den Anfang und das Ende unterschiedlich festlegen. Der Browser ergänzt die Bewegung dazwischen.
Stellen Sie sich vor, Sie zeichnen einen springenden Ball am höchsten und am tiefsten Punkt; die Bilder dazwischen erzeugen die Bewegung. In CSS beschreibt die Regel `@keyframes` diese Zeitpunkte und kann auch einen mittleren Punkt enthalten. Keyframes müssen keine gezeichneten Bilder sein: Sie können Änderungen an Größe, Farbe, Position oder anderen visuellen Eigenschaften beschreiben.