<p class="opacity-50 bg-teal-400 m-2">Lorem ipsum dolor sit amet.</p>
← Tailwind CSS classes list
Tailwind CSS class: .opacity-50
Preview
Lorem ipsum dolor sit amet.
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
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.
CSS source
.opacity-50 { opacity: 0.5; }