Move image as mouse moves

[midnightgamer]

I am trying to recreate a Codedrop post to learn and understand GSAP better, I am stuck at one point where when I move my mouse on any link the image should follow mouse as well mouse should be pointing to center of image. I figure how to move image but I am not able to position it very well . 

See the Pen YzpPzqw by midnightgamer (@midnightgamer) on CodePen

[GreenSock]

Hey @midnightgamer. I'm a bit confused - doesn't the article explain everything? https://tympanus.net/codrops/2020/07/01/creating-a-menu-image-animation-on-hover/

 

Was there a GSAP-specific question we could help you with? 

[midnightgamer]

1 hour ago, GreenSock said:

Hey @midnightgamer. I'm a bit confused - doesn't the article explain everything? https://tympanus.net/codrops/2020/07/01/creating-a-menu-image-animation-on-hover/

 

Was there a GSAP-specific question we could help you with? 

It dose explain but I the function for getting image follow the cursor is quite confusing and complex at same time, I think there is some simple way but I don't exactly. 

[GreenSock]

Perhaps the gsap.quickSetter() docs will help. There's a demo there: 

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