Streaming live at 10am (PST)

How to make mix blend mode work on my cursor?

Reposting because I didn’t get any responses on my original post. Mix blend mode difference isn’t working for some reason…


Site: LINK

Read-Only: LINK

I would set the blend mode on your .cursor-wrapper div and adjust the background color of your .cursor div accordingly. Example: set blend mode on .cursor-wrapper to Difference and set the background color on .cursor to #000 (black).

Thanks for the suggestion Jason. I tried doing that, but for some reason the cursor just becomes completely transparent. I noticed other blend modes like saturation, color, overlay DO work. Not sure what’s going on here…

I just found out the problem – I just had to set the background color of the cursor to white.