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 compatibility

background-blend-mode property

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 35Edge No support No
Notes
No support No
Notes
Notes EdgeHTML 18 has an Enable CSS background-blend-mode property flag, however the feature is an early prototype with no discernable end-user effect.
Firefox Full support 30IE No support NoOpera Full support 22Safari Full support YesWebView Android No support NoChrome Android ? Edge Mobile No support NoFirefox Android Full support 30Opera Android Full support 22Safari iOS Full support 8Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

isolation property

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 41Edge No support NoFirefox Full support 36IE No support NoOpera Full support 30Safari Full support YesWebView Android Full support 41Chrome Android ? Edge Mobile Full support YesFirefox Android Full support 36Opera Android ? Safari iOS Full support 8Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

mix-blend-mode property

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 41Edge No support NoFirefox Full support 32IE No support NoOpera Full support YesSafari Full support 8WebView Android Full support 41Chrome Android ? Edge Mobile Full support YesFirefox Android Full support 32Opera Android ? Safari iOS Full support 8Samsung Internet Android ?
On SVG elementsChrome Full support 41Edge No support NoFirefox Full support 32IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android ? Edge Mobile Full support YesFirefox Android Full support 32Opera Android No support NoSafari iOS No support NoSamsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

Document Tags and Contributors

Contributors to this page: mfuji09, fscholz, mfluehr
Last updated by: mfuji09,