W3C home > Mailing lists > Public > public-fxtf-archive@w3.org > July 2020

[fxtf-drafts] change text color with mix-blend-mode when divs are overlapping (#401)

From: sohailrahimi via GitHub <sysbot+gh@w3.org>
Date: Fri, 03 Jul 2020 15:52:08 +0000
To: public-fxtf-archive@w3.org
Message-ID: <issues.opened-650672736-1593791526-sysbot+gh@w3.org>
sohailrahimi has just created a new issue for https://github.com/w3c/fxtf-drafts:

== change text color with mix-blend-mode when divs are overlapping ==


I have a circular div which follows my cursor. When this div overlaps some text on my page, I want the color of the text to change. I know this is possible with mix-blend-mode like in this Fiddle, but I just can't get it to work. I tried backdrop-filter and different approaches with SVG but none of it will work. I've seen this effect on so many sites, but I just can't figure it out myself.


Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/401 using your GitHub account
Received on Friday, 3 July 2020 15:52:12 UTC

This archive was generated by hypermail 2.4.0 : Friday, 3 July 2020 15:52:12 UTC