Cursor blend mode

Hello, I hope you’re having a great weekend.
I wanted to experiment by adding mouse cursor which inverse color on hover. But I don’t know why when adding a blend mode my cursor dosen’t work.


https://geles.webflow.io/
https://preview.webflow.com/preview/geles?utm_source=geles&preview=cb7a473b211c6190c5dead6e32d49391

Hey Polarmesh!

Are you trying to achieve a blend mode only on the link? or on any element?

I am not completely sure, but the problem might be not having any background color defined for the link or the link wrapper. (I can’t check it on your site)

Anyway, I created a similar idea example with Faris-k’s, codepen as a base:
https://cursor-blend.webflow.io/

and the clonable project:
https://webflow.com/website/Cursor-Blend

Thanks mate :slight_smile: the problem realy can be that I haven’t defined any bg color. I am not on pc right now but i will realy try your method!!!
Thanks again for reply :wink: