Webstandard & Webdesign - CSS, HTML

 

CSS3 Animation - The new Flash?

CSS3 Animation - Die Diskussionen ob HTML5 das Ende von Flash bedeutet gibt es bereits seit geraumer Zeit. Und auch wenn HTML5 für die Strukturierung der Inhalte durch entsprechende HTML-Elemente zuständig ist, für den Großteil von Animationen im WorldWideWeb wird in Zukunft neben JavaScript auch CSS3 in Form des Modules Animation zuständig sein. Wobei nicht unerwähnt bleiben sollte, dass man sich die folgende kleine Liste an CSS3 Animationen, auch wenn der Mozilla Browser Firefox Fortschritte macht, in Bezug auf Browser-Unterstützung eher auf auf Google Chrome oder Safari (beide Webkit) ansehen sollte, wenn man in den Genuss der vollständigen Animation kommen möchte.

Die folgende kleine Übersicht an internationalen (Test-)Beispielen die sich eingehend mit der Eigenschaft Animation beschäftigen, soll einen Ausblick darauf ermöglichen was mit CSS3 möglich ist bzw. in Zukunft möglich sein wird, sofern die jeweiligen Browser (Anmerkung siehe oben) diese CSS3 Eigenschaft unterstützen.

CSS3 Animation Tutorials

Our Solar System

Our Solar System

Star Wars - Animated AT-AT Walker

Pure CSS3 Animated AT-AT Walker from Star Wars

Animated 3D Super Mario Icon

Pure CSS animated 3D Super Mario Icon

Bouncing Navigation

CSS3 Animation Tutorial - Bouncing Navigation without JavaScript

Anigma - Online Gaming

Anigma - Online Gaming using only CSS3

"Matrix" Animation

"Matrix" Animation based on CSS3

CSS3 Animation

CSS 3 Animation? Yes Please!

Knight Rider animation

Knight Rider animation

Ajax Style Loading Animation

Ajax Style Loading Animation in CSS3 ( no Images )

Poster Cicle

Poster Cicle (only Safari)

Wer aktuell noch nicht in den vollständigen Genuss des letzten Beispiels kommen kann, erhält über das folgende Video einen Einblick darauf welche "Aufgaben" in Zukunft CSS3 übernehmen könnten. Damit wäre dann auch die Brücke zum Title dieses Beitrags "CSS3 Animation - The new Flash?" geschlagen. Wer sich von Euch an die Anfänge von Flash erinnert der weiß, dass auch die ersten Flash-Applikationen klein angefangen haben und sich viele der ersten Flash-Animationen nicht wesentlich von den hier aufgelisteten CSS3 Beispielen unterschieden haben.

CSS3 Animation - Poster Cicle

Wer weitere CSS3-Tutorials zu der Eigenschaft Animation kennt und diese mit anderen CSS3 interessierten Lesern teilen möchte, ist hiermit dazu aufgerufen den entsprechenden Link im Kommentarbereich zu kommunizieren, um somit diese Liste für weitere Leser ausbauen zu können.

Ähnliche Artikel zum Thema CSS3 Transition & Transforming:

• Kreatives Webdesign mit CSS3 - Transition und Transform bringen Bewegung ins Spiel
• Sliding Image Gallery - CSS3 Transition Tutorial
• CSS3 Transition Tutorial - Menü mit Slide-Effekt
• CSS3 Tutorial - Webdesign ohne Grafiken dank CSS Transform