Image 1 Image 2 Image 3 Image 4 Image 5

The point of the example is to show off the DMX Zone Universal CSS Transforms jQuery patch, which enables all 2d CSS transforms cross-browser.

Check out the rotating cog at the right of the viewer. Also note that all of the movements, including the main images as well as the 'glass' over-state, are actually translates, not simple CSS top manipulations.

Go ahead, try it out in IE (this is the one and only time I'll recommend anyone use IE!), it works in IE8, IE7 and even IE6!

Ok, so there is a z-index issue in IE7 (surprise, surprise) and screwed PNGs in IE6, but the important thing is that the 2D transforms themselves work.

Check out the full tutorial at: http://www.dmxzone.com/go?18220