Filter

Backdrop Invert

Utilities for applying backdrop invert filters to an element.

Basic usage

Inverting an element's backdrop

Use the backdrop-invert and backdrop-invert-0 utilities to control whether an element should be rendered with inverted backdrop colors or normally.

backdrop-invert-0

backdrop-invert

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