GSAP IMAGE Animation

[Mustafa Şatıroğlu]

Hello. I'm trying to implement the animation I shared the link of. I'm very new to gsap. There are 10 images side by side in a section. When there is a scroll and that section is active, I am trying to bring each image with animation as in this link 

 

 

How can I do it or is there a similar example link?

[Cassie]

Heya!

 

If you create a minimal demo with your markup I'm sure someone will happily jump in to help.

For now, I would look into staggers and look at the scrolltrigger docs

 

https://greensock.com/docs/v3/Staggers

 

[Mustafa Şatıroğlu]

@Cassie

 

 

The link you posted looks like it's close to what you need. I'll work on it a little. If I run into any problems, I'll write back here.

thanks a lot

[Cassie]

My advice would be to get the animation working first - then look into hooking it up with scrollTrigger. Much less overwhelming that way and the best route for newbies to learn!

 

[Mustafa Şatıroğlu]

@Cassie thanks a lot