Jump to content


How to make mouse chasing image on link hover ?

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi, as on the link below, when the mouse hovers over the link an image appears and starts to follow the direction of the mouse. How can i accomplish the same effect ?


Thanks in advance.


sample site: http://www.saramarandi.com/

Link to comment
Share on other sites

Its very difficult to give general advice on complex UI animations like that without having some understanding of your level of experience and what you have tried. This is why CodePen is so helpful, it gives us a clear starting point in directing you . Directions on using GSAP with CodePen can be found here:



I would definitely suggest that you try just getting something follow the mouse on hover first.

This demo from @Sahil illustrates a very popular effect that has some similarities to what you want to do. Perhaps it can help you get started.




See the Pen MQbdNR by Sahil89 (@Sahil89) on CodePen

mouseover the little arrow in the bottom left corner.

  • Like 6
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.