skew

Utilities for skewing elements with transform.

Examples

Basic example

Use skew-<number> utilities like skew-4 and skew-10 to skew an element on both axes:

Using negative values

Use -skew-<number> utilities like -skew-4 and -skew-10 to skew an element on both axes:

Skewing on the x-axis

Use skew-x-<number> utilities like skew-x-4 and -skew-x-10 to skew an element on the x-axis:

Skewing on the y-axis

Use skew-y-<number> utilities like skew-y-4 and -skew-y-10 to skew an element on the y-axis:

Using a custom value

Responsive design