CSS 3-D Transforms Example 1

rotateX(45deg);

rotateY(45deg);

translateZ(-50px);

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

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

Hover over an element (or tap on it with your finger) to apply the corresponding 3-D transform to it.