Rotate

Quick reference

Basic usage

Rotating an element

Use the rotate-{angle} utilities to rotate an element.

rotate-0

rotate-45

rotate-90

rotate-180

<img class="rotate-0 ...">
<img class="rotate-45 ...">
<img class="rotate-90 ...">
<img class="rotate-180 ...">

Using negative values

To use a negative rotate value, the rotate class with the addition of n before the requested angle by the format rotate-n{angle}.

<img class="rotate-n45 ...">

Removing transforms

To remove all of the transforms on an element at once, use the transform-none utility.