wisepeople

Hi all, I'm struggling with achieving something like this (it will work similar for multiple sections): inside section some elements show up when I scroll to this section, and then - after they are on their places sitting and visible, and I move on with scrolling through document, those elements have to create parralax effect (here blue and green box). One of them should go up (with faster speed than normal scroll) and second one should go down (also with faster speed). I'm struggling with order of those events and also speed/position of those elements. They show up too quickly and I'm not sure how to properly adjust start and end for scrollTrigger for parralax effect here. What is the best approach to set "y" value? I know it's rather complicated, but would be very very grateful if someone could take a look at this. Maybe someone did something silmilar. I was checking documentation and also parralax examples, but nothing seems to help...

@Cassie Oh, thank you very much! Was not aware of this, as I saw only one <path> and therefore thought everything here is fine...

Hello all good GSAP human beings! Just starting adventure with GSAP, and having some issues, currently with simple drawing SVG line on scroll. My question is - how to achieve effect of drawing this svg curved line as if it was being drawn from start to beggining by one person with one pen... because right now it looks like the animation starts from the beggining of the SVG line(bottom left) and at the same time from the end (top right corner). How to achive "drawing with one pen" effect? What am I doing wrong here? Thanks for any hints!