Drücke die Tasten ◄ ► für weitere Artikel  

Die Weihnachtsgeschichte in CSS3

Was mit CSS3 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 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

77 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
2 Antworten
  1. von Steffen am 20.12.2012 (12:36Uhr)

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

  2. von Frohe Weihnachten 2012 > Milestone, W… am 24.12.2012 (10:05Uhr)

    [...] ab und an braucht man auch mal eine Auszeit! ;) Wer trotzdem nicht ohne kann, kann sich die Weihnachtsgeschichte in CSS3 anschauen!Weihnachtsgeschichte in CSS3Am 9. Februar wird der Blog 4 Jahre alt, ich werde Anfang [...]

Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema CSS3
t3n-Video-Workshop: Einstieg in 2D-Transformationen mit CSS3
t3n-Video-Workshop: Einstieg in 2D-Transformationen mit CSS3

Heute startet auf t3n.de eine neue Serie, in der wir euch in Zusammenarbeit mit Galileo Press Video-Workshops zu verschiedenen Themen für Webentwickler und Digitalarbeiter präsentieren.... » weiterlesen

Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]
Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]

Heute führen wir auf t3n.de die Video-Serie weiter, in der wir euch in Zusammenarbeit mit Galileo Press Video-Workshops zu verschiedenen Themen für Webentwickler und Digitalarbeiter präsentieren... ... » weiterlesen

t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]

Du willst in die Webentwicklung einsteigen und HTML5, CSS3 und JavaScript lernen? Das etwas andere Fachbuch „Schrödinger lernt HTML5, CSS3 und JavaScript“ vermittelt mit Witz die Theorie und... » weiterlesen

Kennst Du schon unser t3n Magazin?

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