opacity-100

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

Example Usage

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

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

Resulting CSS

opacity: 1;

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!