A 3D 'superman' using 'transform-style: preserve-3d;' which makes the modelling so much easier and allows a full 360 degree rotation.

Compare this with previous demonstrations to see that this is much smoother and and rendered perfectly in all browsers.

This uses child elements with 3D rendering and just one animation to rotate all the elements about the same axis.

Firefox was way behind Chrome Safari and Opera when it comes to smoothness of rendering and animating 'preserve 3D' models.