mix-blend-mode
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
Specifications
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
Surveys
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > features > all features
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist