Vorheriger Artikel Nächster Artikel

Die Weihnachtsgeschichte in CSS3

Was mit in puncto Bewegtbilder möglich ist, zeigt die Animationsreihe „The Story of Christmas“. Zwanzig verschiedene Szenen geben einen Einblick in unterschiedliche Animationsmöglichkeiten und erzählen kleine Geschichten vom Leben am Nordpol. CSS3-Fans können sich darüber hinaus über Erfahrungen austauschen und Rückfragen stellen.

Die Weihnachtsgeschichte in CSS3

Die Weihnachtsgeschichte in CSS3: direkt im Browser ansehen

Während die Verbreitung von Flash eher rückläufig ist, gewinnt CSS3 im Bereich Animationen zunehmend an Bedeutung. Ein Vorteil gegenüber Flash und Javascript: Es muss keine Plugin geladen werden, um die Animationen auszuführen. Der Designer Alex Walker zeigt mit „The Story of Christmas“ eine inhaltlich interessante und niedliche Möglichkeit, verschiedene Animationen darzustellen. In 20 Szenen, die alle am Nordpol spielen, zeigen Pinguine, Eisbären und Eskimos auf, was mit CSS3 möglich ist (dass es am Nordpol keine Pinguine gibt, schmälert das Ganze nicht).

Rennende Hunde, rauchende Lok: Alex Walker zeigt in 20 Szenen verschiedenste CSS3-Animationsmöglichkeiten.

Auf der Seite podling lädt Walker andere Nutzer dazu ein, sich über seine CSS-Erfahrungen und die erstellten Bewegtbilder auszutauschen. Im offenen Chat erklärt er unter anderem die Vorteile von CSS3 gegenüber anderen Methoden und wie seine erstellten Animationen in den unterschiedlichen Browsern laufen.

Hier könnt ihr euch die Weihnachtsgeschichte in CSS3 ansehen: „The Story of Christmas“. Weitere Tipps zum Umgang mit CSS-Animationen gibt es hier.

Weiterführende Links

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von Steffen am 20.12.2012 (12:36 Uhr)

    Ihr meint wohl eher "Die Weihnachtsgeschichte in JavaScript". Ohne JavaScript lädt die Seite ohne Ende.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema CSS3
Kinderleicht zu CSS3-Animationen mit diesem Stylesheet
Kinderleicht zu CSS3-Animationen mit diesem Stylesheet

Mit dem CSS3 Animations Cheat Sheet, gibt es ein praktisches Stylesheet, mit dessen Hilfe ihr ohne großen Aufwand Seitenelemente animieren könnt. » weiterlesen

Dropdown-Menüs: 20 Demos von simpel bis schick – inklusive Download und Tutorials
Dropdown-Menüs: 20 Demos von simpel bis schick – inklusive Download und Tutorials

HTML5 und CSS3 bilden die Standards, die Webseiten- und Mobile-Web-Entwicklung aktuell prägen. Es gibt unzählige Variationen von Dropdown-Menüs und Tutorials auf Basis dieser Technologien – vor … » weiterlesen

CSS3: Coole Animationen für im Grid angeordnete Bilder
CSS3: Coole Animationen für im Grid angeordnete Bilder

Mit HTML5 und CSS3 stehen Webworkern viele Möglichkeiten zur Verfügung, um ihre Webseiten noch spannender und interaktiver zu machen. Wir stellen dir einige nette Effekte vor, mit denen du dein … » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 38 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen