Web platform features explorer - mix-blend-mode

Web platform features explorer

The mix-blend-mode CSS property blends an element's content with its background or parent elements using blend modes like multiply, difference, or color.

Status

Baseline Widely Available (since 2022-07-15)

MDN documentation

mix-blend-mode

Specifications

Compositing and Blending Level 2 (#mix-blend-mode), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 41 Released on 2015-03-03
Chrome Android 41 Released on 2015-03-11
Edge 79 Released on 2020-01-15
Firefox 32 Released on 2014-09-02
Firefox for Android 32 Released on 2014-09-02
Safari 8 Released on 2014-10-16
Safari on iOS 8 Released on 2014-09-17

Developer signals

State of CSS 2025: features/all_features question
State of CSS 2024: features/all_features question

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist