A test of CSS3 3D transforms. Specifically, rotating objects in 3D space using perspective and transformOrigin to set the z-axis to rotate around. This will cause the DIVs to appear to move around that point. Different DIVs are embedded to control X,Y,Z axis. Use the sliders to rotate each div. The "P" and "O" sliders will adjust the perspective and z-axis of the transform-origin styles, respectively. Disable the transform to see the starting point without a transform applied. Show the guides to see the borders of the other container DIVs as a reference.