Streaming live at 10am (PST)

Custom Cursor Animation


I’m new to the forum, so I’m not sure if this is in the right place but, I was wondering if anyone knew what code to add to webflow to create a custom cursor animation like this:

I can create the custom cursor, but I’m not sure how to make the inverted colour effect on hover. I did try to take some code from the video, but I couldn’t get it to translate into Webflow (though I’m not the best at coding so, I can’t really say I know what i’m doing).

Any help would be appreciated.


I’m trying to achieve the same effect: → inverted colour effect on hover. Did you manage to get it?

Hi @Rosi @FreddieWR ,

you might want to have a look at this cloneable project:


I end up using with a style for the cursor: mix-blend-mode: difference;

The main problem that I have now using the previous tutorial is that the hover animation doesn’t work on form buttons. @ChrisT any idea how to solve that?