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