rotate

Utilities for rotating elements.

Examples

Basic example

Use rotate-<number> utilities like rotate-45 and rotate-90 to rotate an element by degrees:

Using negative values

Use -rotate-<number> utilities like -rotate-45 and -rotate-90 to rotate an element counterclockwise by degrees:

Rotating in 3D space

Use rotate-x-<number>, rotate-y-<number>, and rotate-z-<number> utilities like rotate-x-50, -rotate-y-30, and rotate-z-45 together to rotate an element in 3D space:

Using a custom value

Responsive design