← Tailwind CSS classes list

Tailwind CSS class: .opacity-50

<p class="opacity-50 bg-teal-400 m-2">Lorem ipsum dolor sit amet.</p>

Preview

Lorem ipsum dolor sit amet.

Check .opacity-50 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

.opacity-50 { opacity: 0.5; }

More in Tailwind CSS Visibility