Filter

Backdrop Contrast

Utilities for applying backdrop contrast filters to an element.

Basic usage

Controlling backdrop contrast

Use the backdrop-contrast-{amount?} utilities to control an element's backdrop contrast.

backdrop-contrast-50

backdrop-contrast-125

backdrop-contrast-200

<div className="**backdrop-contrast-50** bg-white/30 ...">
  <!-- ... -->
</div>
<div className="**backdrop-contrast-125** bg-white/30 ...">
  <!-- ... -->
</div>
<div className="**backdrop-contrast-200** bg-white/30 ...">
  <!-- ... -->
</div>