CSS3 3D transformed elements, perspective and perspective-origin

Browser support (3rd June 2011): Safari (iPhone and iPad untested).

Notes:

My own experimentation shows some interesting results.



transform: rotateX(-45deg) rotateY(45deg)


transform: rotateX(-45deg)


transform: rotateX(-45deg) rotateY(-45deg)


transform: rotateY(45deg)
no transform


transform: rotateY(-45deg)


transform: rotateX(45deg) rotateY(45deg)


transform: rotateX(45deg)


transform: rotateX(45deg) rotateY(-45deg)