VOOZH about

URL: https://www.geeksforgeeks.org/css/tailwind-css-backdrop-sepia/

⇱ Tailwind CSS Backdrop Sepia - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS Backdrop Sepia

Last Updated : 23 Jul, 2025

The backdrop sepia class is an inbuilt class that is used to apply a filter to the image to convert an image into a sepia image. Tailwind CSS newly added feature brightness in 2.1 version.

Backdrop Sepia:

  • backdrop-sepia-0: This class is used to represent the original image
  • backdrop-sepia: This class is used to represent the sepia image.

Syntax:

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

Example:


Output:

👁 Image
Comment