← Tailwind CSS classes list

Tailwind CSS class: .-rotate-45

<div class="-rotate-45 transform bg-teal-400 p-4 m-6 inline-flex">-45</div>

Preview

-45

Check .-rotate-45 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.-rotate-45 { --transform-rotate: -45deg; }

More in Tailwind CSS Transform