Custom Cursor Animation

[FreddieWR (Freddie)]

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:

Animated Cursor + Cool Link Hover Effect - Link Hover Animations

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.

[Rosi (Rosina)]

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

[ChrisT]

Hi @Rosi @FreddieWR ,

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

plink-webflow-rebuild - Webflow

[Rosi (Rosina)]

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?