CSS 3-D Transforms Example 4

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 3-D transform to it.
The parent element has perspective: 200px; and perspective-origin: 80% 50% specified in its style.