Tailwind CSS Backdrop Invert

The backdrop  invert class is an inbuilt function that is used to apply a filter to the image to set the invert of the color of the sample image. Tailwind CSS newly added feature brightness in 2.1 version.

Backdrop Invert:

• backdrop-invert-0: This class is used to represent the original color on an element.
• backdrop-invert: This class is used to represent the inverted color of that original color on an element.

Syntax:

<element class="filter backdrop-invert | 
 backdrop-invert-0">
</element>

Example:

Output:

👁 Image