Transform

Transform Origin

Utilities for specifying the origin for an element's transformations.

Basic usage

Changing the transform origin

Specify an element's transform origin using the origin-{keyword} utilities.

origin-center

origin-top-left

origin-bottom

<img className="**origin-center** rotate-45 ...">
<img className="**origin-top-left** rotate-12 ...">
<img className="**origin-bottom** -rotate-12 ...">