background-blend-mode

Sets blending mode for multiple background layers. Useful for combining background colors with images.

Class List

ClassCSSDescription
bbmnbackground-blend-mode: normalNo blending (default)
bbmmbackground-blend-mode: multiplyDarkens (Photoshop multiply)
bbmsbackground-blend-mode: screenLightens (Photoshop screen)

Usage Examples

<!-- Background color + image multiply blend -->
<div class="bbmm bg6366F1 bsc bgrn bgpc h30rem">
  Dark tone overlay effect
</div>

<!-- Screen blend — bright effect -->
<div class="bbms bg000000 bsc bgrn bgpc h30rem">
  Bright tone overlay effect
</div>