CSS 2-D Transforms Example 7

Original Element
No explicit transform-origin
transform-origin: 0% 50%;
transform-origin: 0% 0%;
transform-origin: 0% 100%;
Hover over an element (or tap on it with your finger) to apply a skewX(45deg) transform to it.

For more information, please see CSS Transforms in 2-D and 3-D.

© 2012 Microsoft Corporation. All rights reserved. Terms of use.