skewX()

Summary

Defines a 2D skew transformation along the X-axis.

Examples

The following code snippet is an example of the skewX function in use as applied to a square blue div element.

div {
  transform: skewX(25deg);
}

Syntax

skewX ( <angle> )

Parameters

angle

The angle by which the element is skewed along the x-axis. This value is expressed as a number followed by a supported angle unit.

Related specifications

CSS Transforms Module Level 3

Working Draft

See also

Related pages

• Transform Functions
• Mathematical Description of Transform FunctionsMathematical Description of Transform Functions
• Hands On: 2D TransformsHands On: 2D Transforms

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]