Filter

Backdrop Saturate

Utilities for applying backdrop saturation filters to an element.

Basic usage

Changing backdrop saturation

Use the saturate-{amount} utilities to control an element's backdrop saturation.

backdrop-saturate-50

backdrop-saturate-125

backdrop-saturate-200

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