Blending of HTML and SVG elements

Provides a way to blend an HTML or SVG element with its backdrop. The CSS properties: mix-blend-mode and isolation.

Comments

Under the 'experimental webkit features' runtime flag in Chrome since Chrome 31.

Demos

• http://codepen.io/collection/Kgshi/
• http://codepen.io/collection/hfxiw/

Documentation

• https://dev.opera.com/articles/getting-to-know-css-blend-modes/
• https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Specification

Established standard

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

• Chrome for desktop release 41
• Chrome for Android release 41
• Opera release 27
• Opera for Android release 27

Consensus & Standardization

• Firefox: Shipped
• Edge: No public signals
• Safari: Shipped
• Web Developers: Positive

Owners

• cabanier@adobe.com
• rosca@adobe.com

Last updated on 2017-06-14