This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

skewY()

Summary

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

Examples

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

div {
  transform: skewY(-15deg);
}

Syntax

skewY ( <angle> )

Parameters

angle
The angle by which the element is skewed along the y-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

Attributions