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

Specification link

Status: Final published standard: Recommendation, Living Standard, Candidate Recommendation, or similar final form

Status in Chromium

Blink components: Blink>CSS

Implementation status: Enabled by default (tracking bug)

Consensus & Standardization

• Firefox: Shipped/Shipping
• 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