Syntax
skew(x-angle, y-angle)
Example
transform: skew(15deg, 0deg);
Common use cases
- Diagonal section dividers
- Italicized geometric shapes
- Creative card and banner effects
Practical developer insight
skew() distorts the element's shape without rotating it — use small angles (5–15deg) for subtle effects. Large skews can make text hard to read.