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 - before the rotate class.

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

Removing transforms

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