Tailwind CSS Backdrop Grayscale

The Backdrop Grayscale class is used to apply a filter to the image to set the grayscale of the image. Tailwind CSS newly added feature brightness in 2.1 version.

Backdrop Grayscale:

• backdrop-grayscale-0: This class is used to represents the original element.
• backdrop-grayscale: This class is used to represents the linear multipliers on the effect of elements.

Syntax:

<element class="filter backdrop-grayscale | 
 backdrop-grayscale-0">
 /* ... */
</element>

Example:

Output: