Interoperable compositing operations for root element

The root stacking context of a page will be drawn into an isolated group; then filtering, clipping, masking and opacity will be applied; then it will blend into the root (in Chromium, white opaque) background color with the specified blend-mode on the root element. 

Previously, there was no interoperability between browsers on how filtering, blend-mode, opacity, or masking applied to the root element, and how it composited into the final background color of the web page.This led to an inability to achieve certain logical effects [1, 2] on web pages for some browsers.[1] https://bugs.chromium.org/p/chromium/issues/detail?id=711955[2] https://bugs.chromium.org/p/chromium/issues/detail?id=999491

Documentation

Specification

Editor's draft

Status in Chromium

Blink>Compositing


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Last updated on 2019-12-02