[Drawing SVG lines]

Yes!, thank you!

[Drawing SVG lines]

Hi,  how can I ensure that the animations do not all occur at the same time? What I need is for the vertical line to start after the two halves of circles have finished their animation.

See the Pen eYbaZPx by emr1984 (@emr1984) on CodePen

[Using GSAP ScrollTrigger for Horizontal Scroll]

On 8/1/2022 at 10:00 AM, Sanjeet M said:

Okay, thanks. So now I understood what the 'containerAnimation' does.

So this will not do anything in my project?

So is there any way this can be achieved using GSAP3 ScrollTrigger or is this a limitation?

I wanted to create something similar to this https://sarahfatmi.com/en

The above site is created using GSAP3, so what I am trying to achieve should technically be possible. I tried to see it's code but failed to understand it, as it's a bit too complicated.

Basically I want a long container having objects/elements (could be divs, images, svgs, videos etc) at various points in the long container and when they come into viewport they should animate based on the animation they are given. They should also reverse on scroll back (Basically 'scrub' behaviour). Similar to the linked site.

@Cassie Thanks for the answers.

Hello! I'm looking to solve the same thing, a horizontal scroll section in gsap that allows including different elements with different sizes. have you found a solution for that?