skew() CSS Function

Description

The skew() CSS function tilts the element in two-dimensional space horizontally and vertically or simultaneously in two directions.

Syntax

skew() = transform: skew(<angleX> [, <angleY>]?);

Values

• <angleX>Sets the horizontal angle. A positive value tilts to the left, a negative value to the right.
• <angleY>Sets the vertical angle of inclination. A positive value tilts down, a negative value up. If no value is specified, then the default value is 0 and no vertical distortion occurs.

Example

<img class="skew" src="images/nature.jpg" alt="Nature Image">

.skew {

    transform-origin: top left;

    transform: skew(10deg, 0);

}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?

Last updated by CSSPortal on: 1st December 2019