How can i achieve this cursor animation

[IchigoSama]

i'm very new to the overall web development.
https://makepill.com/en
how can achieve the dot which follows the cursor. Although I've made it but in the above site it looks the cursor pulls the dot which skews a little. Also check this effect in their nav. I'll be grateful if someone could help out. Thanks in advance

[mvaneijgen]

Hi @IchigoSama welcome to the forum!

 

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide "how do I recreate this cool effect I saw on another site?" tutorials. 

 

That said the effect looks like a perfect use case for gsap.quickTo() (https://gsap.com/docs/v3/GSAP/gsap.quickSetter()/#if-youre-animating-use-gsapquickto) you could change the duration: 0.6 to move it faster or slower. And the hover animation could be done in multiple ways. I would advise you to fork the pen below and get you hands dirty by tweaking the code to your like and post back here with a minimal demo when you get stuck. Hope it helps and happy tweening! 

 

See the Pen xxpbORN by GreenSock (@GreenSock) on CodePen