[csswg-drafts] [css-backgrounds-4] `background-filter` (#4706)

• From: Eric A. Meyer via GitHub <sysbot+gh@w3.org>
• Date: Mon, 27 Jan 2020 20:53:49 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-555826686-1580158428-sysbot+gh@w3.org>

meyerweb has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds-4] `background-filter` ==
I’m proposing a property: `background-filter`.  It allows the application of filters to background layers, parallel to the way `background-blend-mode` applies blending modes.

As an example:

```
body {
   background-image: url(waves.png),url(waves.png),url(horizon.jpg);
   background-position: center, 0 50%, 50% 100%;
   background-repeat: repeat-x;
   background-filter: none, blur(0.2px) opacity(0.8), blur(1px);
}
```

Unless browsers would like to just implement https://www.w3.org/TR/filter-effects-1/#FilterCSSImageValue, of course.  That would address the need, but much more generally.  (Thanks to Dan Wilson for the pointer!)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4706 using your GitHub account

Received on Monday, 27 January 2020 20:53:51 UTC