VOOZH about

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

⇱ Tailwind CSS Sepia - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS Sepia

Last Updated : 23 Jul, 2025

The sepia class is an inbuilt class that is used to apply a filter to the image to convert an image into a sepia image. In CSS, we do that by using the CSS sepia() Function. Tailwind CSS newly added feature brightness in 2.1 version.

Sepia:

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

Syntax:

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

Example:

Output:

👁 Image
Comment