[Can this animation be achieved with GSAP?]

Hey there,

 

Thank you for you answers! I wasn't expecting the magic solution for sure. I just wanted to throw this out here see if there were some ideas. 

 

Thanks for your tips @mvaneijgen I'll experiment later when I'll have time for that. 

 

Thanks again!

[Can this animation be achieved with GSAP?]

Hello there!

 

I'm fairly new to GSAP, only use it from time to time and have a few knowledges of JS. Thus, I'm forced to ask on this forum how to make this animation and if it's achievable through GSAP.

Basically, when clicking on a project page, the modal pops up and the project page is populated within the modal (as seen on the URL), then the page gets fully expanded on scroll. 

When inspecting the code, I don't see any GSAP nor Scrolltrigger. 

 

It'd be really great if you could take a look at suggestions of how to make the animation. 

 

Thank you very much!

[center cursor image on hover element]

Hi @Rodrigo 

Thanks a lot for the tip and your words!

 

Have a great weekend!

[Smooth movement cursor image on hover element]

Hey Noviedo, 

 

Thanks a lot for your answer, that's exactly what I wanted, I just wasn't sure how to do it.

 

If you have time, I just wanted to ask your what is the difference between gsap.quickSetter() and gsap.quickTo()?

 

Thanks a lot!

[Smooth movement cursor image on hover element]

 

Hello, I discovered this nice solution that I want to use in my portfolio. To give you some context, I use Webflow and custom code often. I'm learning javascript and I am new to gsap. Basically, I just wanted to add some smoothing to the cursor movement and delay to the image relative to the cursor. In the code, how can I add some smoothness and duration? 

 

Your help is very appreciated. 

 

Thank you,

See the Pen abWeQJa by pixelarchitect (@pixelarchitect) on CodePen

[center cursor image on hover element]

Hello, I discovered this nice solution that I want to use in my portfolio. To give you some context, I use Webflow and custom code often. I'm learning javascript and I am new to gsap. Basically, I just wanted to add some smoothing to the cursor movement and delay to the image relative to the cursor. In the code, how can I add some smoothness and duration? 

 

Your help is very appreciated. 

 

Thank you,