Online-Kurs: 3D-Animationen mit CSS3

Die auf zwölf Teile angesetzte, englischsprachige Artikelserie auf CodeProject ist Ende März mit einer Einführung zu HTML5 und CSS3 gestartet. Die darauf folgenden drei Teile legten diverse Grundlagen, beispielsweise zu CSS-Selektoren, Hintergrundfarben, Text und Fonts. Im kürzlich erschienenen fünften Teil wird es nun spannender. Der Autor erklärt 3D-Texteffekte, zeigt wie man ein Banner mit Hilfe von CSS animieren kann und zeigt anhand eines sich drehenden Würfels, wie man auch komplexere 3D-Animationen mit CSS durchführen kann. Auch die mathematisch-geometrischen Hintergründe werden dabei anhand von Skizzen erläutert.

Darüber hinaus zeigt die fünfte Folge auch den Einsatz der Audio- und Video-Tags von HTML5 anhand eines Beispiels. Die zu den Tags verfügbaren Attribute werden dabei inklusive Beispiel übersichtlich in einer Tabelle aufgeführt. Alle Beispiele werden kompakt und verständlich erläutert, der Sourcecode ist jeweils direkt einsehbar und kann auf Wunsch auch komplett geladen werden. Man darf gespannt sein, was die nachfolgenden sieben Teile der Serie noch bringen werden. (ph/.np)