CSS 3-D Transforms Example 3

rotateX(45deg);

rotateY(45deg);

translateZ(-50px);

translateZ(-50px) rotateY(45deg);

rotateY(45deg) translateZ(-50px);

Hover over an element (or tap it with your finger) to apply the corresponding transform to it.
The parent element has perspective: 200px; and perspective-origin: 30% 50% specified in its style.