background-blend-mode

The background-blend-mode CSS property blends an element's background image and background color using blend modes like multiply, difference, or color.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

35

Supported

Mozilla Firefox

30

Supported

Apple Safari

8

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

59

Firefox Android

54

Safari iOS

8

Specifications and References

Specification ↗ Can I Use (css-backgroundblendmode) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.background-blend-mode ↗ css.types.blend-mode ↗