Streaming live at 10am (PST)

Custom Cursor Animation

Hi,

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.

2 Likes

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:

Thanks!

I end up using https://youtu.be/yNZEsBu8VMs 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?