W3C home > Mailing lists > Public > public-fxtf-archive@w3.org > June 2019

Re: [fxtf-drafts] Clip backdrop root (input) image to border box of element (#342)

From: Markus Stange via GitHub <sysbot+gh@w3.org>
Date: Fri, 21 Jun 2019 18:22:14 +0000
To: public-fxtf-archive@w3.org
Message-ID: <issue_comment.created-504524370-1561141332-sysbot+gh@w3.org>
Here's a testcase which uses `drop-shadow()` in `backdrop-filter` in order to create a glow effect on the background: https://codepen.io/mstange/pen/dBvJRR

<img width="662" alt="Screen Shot 2019-06-21 at 11 20 01 AM" src="https://user-images.githubusercontent.com/961291/59943234-8d295b80-9416-11e9-8bde-54e89666f8ea.png">

It's a bit hard to find appropriate uses for this because `drop-shadow` needs some variation in the input's alpha channel in order to do anything interesting, so you need a Backdrop Image which has some transparent parts, which you can only get if you trigger a non-root Backdrop Root, e.g. using opacity.

In this testcase the glow would look a bit better along the edges if the input was *not* clipped to the element's border box, and if the shadow blur could actually sample from a Backdrop Image that extends beyond the border box. But it's hard to notice the difference.

GitHub Notification of comment by mstange
Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/pull/342#issuecomment-504524370 using your GitHub account
Received on Friday, 21 June 2019 18:22:15 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:50:25 UTC