opacity-50

The opacity-50 class belongs to the opacity group within the effects category.

Example Usage

Here is an example of how to use opacity-50:

<button class="bg-indigo-800 px-4 py-2 rounded-xl text-white opacity-50">Button</button>

Resulting CSS

opacity: 0.5;

Other Opacity Classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!