← Tailwind CSS classes list

Tailwind CSS class: .bg-opacity-10

    <div class="flex items-center">
        <div class="inline-block mr-4 p-4 h-20 w-40 bg-blue-600 bg-opacity-10">bg-opacity-10</div>
        <div class="inline-block p-4 h-20 w-40 bg-blue-600"></div>
    </div>

Preview

bg-opacity-10

Check .bg-opacity-10 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 Colors