Filter

Backdrop Hue Rotate

Utilities for applying backdrop hue-rotate filters to an element.

Basic usage

Rotating the backdrop's hue

Use the backdrop-hue-rotate-{amount} utilities to rotate the hue of an element's backdrop.

backdrop-hue-rotate-90

backdrop-hue-rotate-180

-backdrop-hue-rotate-60

<div className="**backdrop-hue-rotate-90** bg-white/30 ...">
  <!-- ... -->
</div>
<div className="**backdrop-hue-rotate-180** bg-white/30 ...">
  <!-- ... -->
</div>
<div className="**-backdrop-hue-rotate-60** bg-white/30 ...">
  <!-- ... -->
</div>