CSS 3-D Transforms Example 2
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.
The parent element has
perspective: 200px;
specified in its style.
For more information, please see
CSS Transforms in 2-D and 3-D
.
© 2012 Microsoft Corporation. All rights reserved. Terms of use.