Effect

Background Blend Mode

Utilities for controlling how an element's background image should blend with its background color.

Basic usage

Setting the background blend mode

Use the bg-blend-{mode} utilities to control how an element's background image(s) should blend with its background color.

<div className="bg-blend-multiply ...">
  <!-- ... -->
</div>