Animated CSS3 helixusing 3d transforms

Marcofolio.net

The demo you find on this page shows an animated 3d helix using nothing but CSS3. Take note this technique only works on the latest version of Apple Safari. It even works on Safari for iOS (iPod, iPhone and iPad), but only shows the first animation once since :hover isn't supported there.

Simply hover over the image below to see the 3d helix animation take place. Keep in mind this is one of the most dirty ways to create HTML/CSS3, but this demo just shows what you can achieve when combining these techniques. The iPhone and iPad GUI were created by Teehan+Lax.