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).
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
- The Story of Christmas (in CSS) - xmas.sidepoint.com
- CSS3: Animationen ohne Flash und JavaScript erstellen - t3n.de
- CSS3-Animationen: 10 nützliche Links zu der Keyframe-Technik - t3n.de
Schau dir doch unsere Neusten Artikel und News an.
von Steffen 20.12.2012 (12:36Uhr) 1.
Ihr meint wohl eher "Die Weihnachtsgeschichte in JavaScript". Ohne JavaScript lädt die Seite ohne Ende.
von Frohe Weihnachten 2012 > Milestone, W… 24.12.2012 (10:05Uhr) 2.
[...] 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 [...]