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
background-blend-mode property
|
Desktop |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
| Basic support |
35 |
No
- No
- EdgeHTML 18 has an Enable CSS background-blend-mode property flag, however the feature is an early prototype with no discernable end-user effect.
|
30 |
No |
22 |
Yes |
|
Mobile |
|
Android webview |
Chrome for Android |
Edge Mobile |
Firefox for Android |
Opera for Android |
iOS Safari |
Samsung Internet |
| Basic support |
No |
? |
No |
30 |
22 |
8 |
? |
isolation property
|
Desktop |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
| Basic support |
41 |
No |
36 |
No |
30 |
Yes |
|
Mobile |
|
Android webview |
Chrome for Android |
Edge Mobile |
Firefox for Android |
Opera for Android |
iOS Safari |
Samsung Internet |
| Basic support |
41 |
? |
Yes |
36 |
? |
8 |
? |
mix-blend-mode property
|
Desktop |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
| Basic support |
41 |
No |
32 |
No |
Yes |
8 |
| On SVG elements |
41 |
No |
32 |
No |
No |
No |
|
Mobile |
|
Android webview |
Chrome for Android |
Edge Mobile |
Firefox for Android |
Opera for Android |
iOS Safari |
Samsung Internet |
| Basic support |
41 |
? |
Yes |
32 |
? |
8 |
? |
| On SVG elements |
No |
? |
Yes |
32 |
No |
No |
? |
Legend
- Full support
- No support
- Compatibility unknown
- Compatibility unknown