VOOZH about

URL: https://www.geeksforgeeks.org/css/tailwind-css-invert/

⇱ Tailwind CSS Invert - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS Invert

Last Updated : 23 Jul, 2025

The invert class is an inbuilt function that is used to apply a filter to the image to set the invert version of the color of the sample image. In CSS, we do that by using the CSS invert() Function.

Invert Classes:

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

Syntax:

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

Example:

Output:

👁 Image
Comment