Filter

Backdrop Brightness

Utilities for applying backdrop brightness filters to an element.

Basic usage

Controlling backdrop brightness

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

backdrop-brightness-50

backdrop-brightness-125

backdrop-brightness-200

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