← Back to release summary

CSS Blending of background images (mix-blend-mode)

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 35)

Intent stage

None

Summary

Offers more ways to blend a background image of an element with other background images that are below it and with the element's background color.

Standards & signals

• Specification: http://dev.w3.org/fxtf/compositing/#background-blend-mode
• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: Positive
• Tracking bug: https://code.google.com/p/chromium/issues/detail?id=229166

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode

Samples: http://codepen.io/bennettfeely/pen/rxoAc http://codepen.io/bennettfeely/pen/fAowH http://codepen.io/bennettfeely/pen/uLKrG http://bennettfeely.com/gradients/

View on chromestatus.com