Every now and then I start looking at some lightweight, non-flash alternatives for doing silly things on web pages. Recently I switched to using Google Chrome, which uses the Webkit engine for page rendering, which is said to be able to do rotation and the like very quickly. Without a particular goal in mind, I decided I would write a basic move and rotation to see how it performed. If you’re using Firefox 3.5+, Chrome or Safari, you should see an unhelpful black rectangle swinging around in the top left corner. Here’s how you do it:
Not the most advanced CSS experiment by any stretch of the imagination, but it’s a start!