Filter

Backdrop Sepia

Utilities for applying backdrop sepia filters to an element.

Basic usage

Adding backdrop sepia filters

Use the backdrop-sepia and backdrop-sepia-0 utilities to control whether an element's backdrop should be rendered as sepia or in full color.

backdrop-sepia-0

backdrop-sepia

<div className="**backdrop-sepia-0** bg-white/30 ...">
  <!-- ... -->
</div>
<div className="**backdrop-sepia** bg-white/30 ...">
  <!-- ... -->
</div>