background-blend-mode
Sets blending mode for multiple background layers. Useful for combining background colors with images.
Class List
| Class | CSS | Description |
|---|---|---|
bbmn | background-blend-mode: normal | No blending (default) |
bbmm | background-blend-mode: multiply | Darkens (Photoshop multiply) |
bbms | background-blend-mode: screen | Lightens (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>