Zum Hauptinhalt Zur Navigation

Browser: CSS Animations in Firefox Aurora

Die Aurora genannte Vorabversion von Firefox unterstützt seit kurzem CSS Animations. Firefox 4 beschränkt sich noch auf die Unterstützung von CSS Transitions.
/ Jens Ihlenfeld
2 Kommentare News folgen (öffnet im neuen Fenster)
Madmanimation mit CSS Animations (Bild: Madmanimation)
Madmanimation mit CSS Animations Bild: Madmanimation

Mit Firefox 4 hat Mozilla Unterstützung von CSS Transitions(öffnet im neuen Fenster) eingeführt. Damit lassen sich CSS-Eigenschaften über einen Zeitverlauf mehr oder weniger schnell verändern. Künftige Firefox-Versionen sollen einen Schritt weiter gehen und CSS Animations(öffnet im neuen Fenster) unterstützen.

Mit CSS Animations lassen sich Inhalte auf einer Webseite per CSS animieren und dabei auch Zwischenschritte, sogenannte Keyframes, festlegen. Zudem lassen sich Funktionen hinterlegen, über die Animationen gesteuert werden können, was realistischere Bewegungen ermöglichen soll.

Die auf Webkit basierenden Browser Chrome und Safari unterstützen CSS Animations schon seit einiger Zeit. Seit kurzen kommt auch Firefox Aurora damit zurecht(öffnet im neuen Fenster) . Aurora ist die zweite von vier Stufen, die die neuen Versionen im Rahmen des beschleunigten Entwicklungsmodells durchlaufen. Die aktuelle Aurora-Version soll in Firefox 5 münden.

Einige Mozilla-Entwickler haben mit Madmanimation(öffnet im neuen Fenster) eine Demo zusammengestellt, die zeigt, was mit CSS Animations möglich ist.


Relevante Themen