Animationen ohne Keyframes: Ein neuer CSS-Trick

2025-01-12
Animationen ohne Keyframes: Ein neuer CSS-Trick

Mit dem neuen CSS-Feature `@starting-style` lassen sich Animationen ohne `@keyframes` erstellen. Dies ersetzt nicht die klassische Animationsmethode, ist aber in bestimmten Situationen ein nützlicher Trick. Der Artikel zeigt zwei Beispiele: ein sich unendlich drehendes Quadrat und eine komplexere Animation, die Hintergrundfarbe, Verschiebung und Drehung über eine animierte Variable `--i` steuert. Auch wenn es nicht immer die beste Lösung ist, bietet es eine neue Möglichkeit, Animationen auszudrücken und erweitert die Möglichkeiten von CSS-Animationen.