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.

Artikel veröffentlicht am ,
Madmanimation mit CSS Animations
Madmanimation mit CSS Animations (Bild: Madmanimation)

Mit Firefox 4 hat Mozilla Unterstützung von CSS Transitions 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 unterstützen.

Stellenmarkt
  1. Senior (Lead) QA Engineer
    BAADER, Lübeck, Hamburg
  2. (Senior) Software Project Manager (m/f/d) Android Automotive
    Elektrobit Automotive GmbH, Ulm
Detailsuche

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. 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 eine Demo zusammengestellt, die zeigt, was mit CSS Animations möglich ist.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Aktuell auf der Startseite von Golem.de
Krieg der Steine
Kopierte Lego-Mini-Figuren dürfen nicht verkauft werden

Lego hat einen Rechtsstreit um Mini-Figuren gegen einen Spielwarenhändler gewonnen, der Figuren aus China verkauft hat.

Krieg der Steine: Kopierte Lego-Mini-Figuren dürfen nicht verkauft werden
Artikel
  1. Smartphones: Xiaomis neues Foldable ist wesentlich günstiger
    Smartphones
    Xiaomis neues Foldable ist wesentlich günstiger

    Das Xiaomi Mix Fold 2 ähnelt dem Samsung Galaxy Fold 4. Es ist ähnlich gut ausgestattet, kostet aber wesentlich weniger Geld.

  2. USA: Tesla stoppt Bestellungen für das Model 3 Long Range
    USA
    Tesla stoppt Bestellungen für das Model 3 Long Range

    In den USA und Kanada übersteigt die Nachfrage nach dem Tesla Model 3 LR das Angebot, so dass Tesla erstmal keine Bestellungen mehr annimmt.

  3. Web Components mit StencilJS: Mehr Klarheit im Frontend
    Web Components mit StencilJS
    Mehr Klarheit im Frontend

    Je mehr UI/UX in Anwendungen vorkommt, desto mehr Unordnung gibt es im Frontend. StencilJS zeigt, wie man verschiedene Frameworks mit Web Components zusammenbringt.
    Eine Anleitung von Martin Reinhardt

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    Daily Deals • BenQ Mobiuz EX3410R 499€ • HyperX Cloud Flight heute für 44€ • MindStar (u. a. AMD Ryzen 5 5600X 169€, Intel Core i5-12400F 179€ und GIGABYTE RTX 3070 Ti Master 8G 699€ + 20€ Cashback) • Weekend Sale bei Alternate (u. a. AKRacing Master PRO für 353,99€) [Werbung]
    •  /