Cursor Content Mask

[ismail-drz]

Hello guys, I've recently started learning GSAP and I'm really glad that there is such nice community here!

So I've been trying to replicate this effect. Specifically the effect of hovering the text. I need pretty much the same effect, but I wasn't able to recreate it. Any help and suggestions are welcome! Thanks in advance!

 

[Rodrigo]

Hi @ismail-drz and welcome to the GSAP Forums!

 

That is not the simplest thing to achieve, but this threads could help:

 

 

https://gsap.com/docs/v3/GSAP/gsap.quickTo()

 

Hopefully this helps.

Happy Tweening!

[ismail-drz]

Thank you @Rodrigo for your response. I have a grid of elements, and I'd like it so that when hovering over each grid item, the corresponding text displays the same picture.

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look.