This is a demo to accompany the following tutorial: Transforming Elements in 3D Using CSS3

Refresh the page to see the effects more than once.

Click to rotate the image 180 degrees on the X axis:

Click to rotate the image 300 degrees on the Y axis

Click to rotate the image 270 degrees on the Z axis

Click to rotate and translate the image on the X axis

Click to rotate and translate the image on the Y axis

Click to rotate on the X and translate on the Z axis

Click to rotate on the X and scale the image on the X and Y axes

Click to rotate on the Z axis and scale the image on the X and Y axes