Custom Cursor Animation

Design help Custom code
1

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
2

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

3

Hi @Rosi @FreddieWR ,

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

https://webflow.com/website/Plink-Webflow-Rebuild?rfsn=1495911.39ce0

4

Thanks!

I end up using Easiest Way to Build Webflow Custom Cursors - YouTube 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?