backdrop-filter #210
Description
Description
The unprefixed backdrop-filter CSS property, which can be used to apply a filter effect to the underlying elements. The most common effect is probably a blur effect, as in this example from MDN:
According to caniuse.com / MDN, the property was recently shipped in Firefox, and still requires a prefix in Safari.
Rationale
This rationale will be updated when the results of State of CSS 2022 are available.
In State of CSS 2021, backdrop-filter was the 6th most common answer to the free-form question “Are there any CSS features you have difficulties using because of differences between browsers?”
In Chrome’s usage metrics, backdrop-filter is used on ~16% of page views, and recently saw a sharp increase. (Hypothesis: This was caused by Firefox shipping support.)
While the developer need here is likely mostly met by support in Firefox, the proposal is to sort out the remaining few wrinkles so that developers can depend on backdrop-filter without any caveats.
This proposal, if accepted, could perhaps be grouped with other small filter/mask/image-related proposals.
Specification
https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty