← Tailwind CSS classes list

Tailwind CSS class: .-skew-x-12

<div class="-skew-x-12 transform bg-teal-400 p-4 m-4 inline-flex">12</div>

Preview

12

Check .-skew-x-12 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

.-skew-x-12 { --transform-skew-x: -12deg; }

More in Tailwind CSS Transform