The backdrop saturate class is an inbuilt function in CSS that is used to super-saturate or desaturates the input image. Tailwind CSS newly added feature brightness in 2.1 version.
Backdrop Saturate:
- backdrop-saturate-0: This class used to set the saturated equivalent on an element to CSS saturate(0).
- backdrop-saturate-50: This class used to set the saturated equivalent on an element to CSS saturate(50).
- backdrop-saturate-100: This class used to set the saturated equivalent on an element to CSS saturate(100).
- backdrop-saturate-150: This class used to set the saturated equivalent on an element to CSS saturate(150).
- backdrop-saturate-200: This class used to set the saturated equivalent on an element to CSS saturate(200).
Syntax:
<element class=
"filter backdrop-saturate-{amount}">
</element>
Example:
Output:
👁 Image
