More CSS Animations

A few days ago I popped across Anthony Calzadillas ”Pure CSS3 AT-AT Walker”, which is a great application of using CSS3 Transforms and Animations to create a scene of an AT-AT Walker walking along in a simulated iPad.

Anthony explains in great detail how he built the AT-AT, but I couldn’t help but think ”I’ve got a better way of doing this!”.

Last year I made a CSS Transform Exporter for Blender, which can take any scene and generate a corresponding version in a nice and simple HTML page.

So it can take this:

atat in blender

And turn it into this:

atat webkit

Admittedly simple, but it does show off the potential power in adopting CSS3 and HTML5. After all, who needs to use Flash when you can make everything work in actual web browser instead?