After my latest CSS3 experiment without images (Internet Explorer Pure CSS Logo), a friend suggested to create an animated 3D Super Mario Icon based on the 3D Retro Mario GIF image by Cezkid.
Well, this is the result of two weeks of work – an animated 3D Super Mario Icon built completely in CSS3 without images.
A still from Safari 5 with perspective and grids. Hover over the live demo to see this.
Demo
See the Demo:
Pure CSS animated 3D Super Mario Icon (Best viewed with Safari 5)
Chrome 6 Dev renders only in 2D due to an older Webkit engine.
Opera 10.6, Firefox 3.6 and IE9 are not supported.
Background
Please note that the source code is still a mess. You better not have a look at it 
It’s based on top of my CSS 4D Framework I created therefor and will be released in the next few weeks (when it’s out of alpha).
tbc.
Renders on my iPad.
That’s very cool. I wonder if when browsers start supporting this more if this will become the new animated gifs…
Thanks! Hopefully it’s neither a flash nor an animated GIF replacement
Oh very nice post! It renders finely on my iPad, too
great job
i like it!!
it looks the same on chrome & safari for me…????