HTML5: 60 Spinning 3D Cubes in Space
After my co-worker, Charles Ying, posted his 3D CSS Snow Stack demo online a couple of weeks ago, I felt compelled to give 3D CSS in HTML5 a try myself.
Now, I haven't created anything as complete at Charles's demo. Instead I took the approach of seeing how much "stuff" I could get moving at once. I started with one cube spinning on its own, and then I just kept adding. I rested on 60, it seemed like a good amount of cubes; it will result in 360 images from Flickr being 3D transformed at once.
To run the demo, you will need to be using Mac OS X Leopard and running the latest WebKit nightly.
DEMO: Flick Cubes
Screenshot:![]()
Coming Soon
Coming Soon

