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

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>CSS

Enabled by default (tracking bug) in:

• Chrome for desktop release 41
• Chrome for Android release 41

Consensus & Standardization

• Firefox: Shipped/Shipping
• Edge: No signal
• Safari: Shipped/Shipping
• Web Developers: Positive

Owners

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

Comments

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

Search tags

Last updated on 2020-11-19