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][2]



Specification link

Specification being incubated in a Community Group

Status in Chromium


In development (tracking bug)

Consensus & Standardization

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


Last updated on 2022-01-21