Tailwind CSS Background Opacity

This class accepts lots of value in in which all the properties are covered in class form. The bg-opacity is the class of an element that describes the transparency of the element. It is the alternative to the CSS Opacity / Transparency.

Background Opacity class:

• background-opacity-0: Control the opacity of an element's background using the background-opacity-{amount} utilities.

Note: The number of the opacity can be changeable from 0 to 100 with the span of 5.

Syntax:

<element class="bg-{opacity}">...</element>

Example:

Output: