← Tailwind CSS classes list

Tailwind CSS class: .-skew-x-1

   <div class="bg-gray-300 h-32 w-32">
        <div class="transform -skew-x-1 p-6 bg-teal-400 text-sm"></div>
    </div>

Preview

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

More in Tailwind CSS Positioning