[How to create this mouse hover animation?]

20 minutes ago, mvaneijgen said:

Hi @Display Name posting the same question at multiple places will not get you help faster. Yes this is possible with GSAP, is it easy? NO! There are multiple things that need to be build to get this effect to work. 

 

You'll need something like this to have the shape follow the mouse 

 

 

 

 

And indeed the post the @Cassie linked seems like a good resource to base your version on. 

 

 

Again, this will not be an easy first project. I would recommend starting with something easy in GSAP and try getting some experience with the tools, before tackling such a major project. 

 

If you don't have time to wait and do it yourself you can always check the "Jobs & Freelance" forum for paid consulting, or contact us directly. Hope it helps and happy tweening! 

Thank you very much dear mvaneijgen

[SVG: position mask relative]

I would be very grateful if you could help get this animation when hovering the cursor changes text and color as well as text as if inside a circle. I've been looking for a very long time for a solution but couldn't find one. Thank you very much in advance!

[How to create this mouse hover animation?]

[How to create this mouse hover animation?]

On 5/24/2023 at 3:54 PM, Cassie said:

You're looking for 'masking'

 

https://www.google.com/search?q=svg+masking+site%3Agreensock.com&oq=svg+masking+site%3Agreensock.com&aqs=chrome..69i57.5040j0j7&sourceid=chrome&ie=UTF-8

 

 

Good luck, pop back if you have a minimal demo and need specific help

Hello, thank you for trying to help. 
The problem is that I searched for a very long time and could not find a solution. I hoped that this effect can be obtained with the help of GSAP plugins. 
If you noticed Dear Cassie the text changes when you hover. 
I'm already desperate.   -.-

[How to create this mouse hover animation?]

[How to create this mouse hover animation?]

I would be glad if someone could help me understand if it is possible to get such an effect with GSAP

[How to create this mouse hover animation?]

Hello! 👋🏻
 

GSAP you are the best!
 

I would be very grateful if you could help get this animation when hovering the cursor changes text and color as well as text as if inside a circle.

I've been looking for a very long time for a solution but couldn't find one.
 

Thank you very much in advance!