CSS skewX() Function

❮ Previous Functions Next ❯

Example

.example {
  transform: skewX(45deg);
}



Hello World!

Meaning

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

skewX(angle)



Browser Support

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




Status







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 ❯