CSS skewX() Function

❮ Previous Functions Next ❯


.example {
  transform: skewX(45deg);

Hello World!


The skewX() css function defines a transformation that skews an element in the horizontal direction on the 2D plane.

Note: skewX(a) is equivalent to skew(a).

Version: CSS3

Standard Syntax


Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
angle Defines the angle to use to distort the element along the abscissa.

See also

❮ Previous Functions Next ❯