W3cubDocs

/CSS

Compositing and Blending

Compositing and Blending is a CSS module that defines how shapes of different elements are combined into a single image.

Reference

Properties

Data types

Specifications

Specification Status Comment
Compositing and Blending Level 1 Candidate Recommendation Initial definition

Browser compatibilityUpdate compatibility data on GitHubUpdate compatibility data on GitHubUpdate compatibility data on GitHub

background-blend-mode property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
background-blend-mode 35 79 30 No 22 8
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
background-blend-mode ≤37 35 30 22 8 3.0

isolation property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
isolation 41 79 36 No 30 8
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
isolation 41 41 36 30 8 4.0

mix-blend-mode property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
mix-blend-mode 41 79 32 No 28 8
On SVG elements 41 79 32 No 28 No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
mix-blend-mode 41 41 32 28 8 4.0
On SVG elements No No 32 No No No

Legend

Full support
No support

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Compositing_and_Blending