Hello Everyone
I am new to GSAP and have a created a few animations however, I have reached a point where I am stuck.
I have created an animation in Greensock however, I don't want my animation to play until that particular section on the page is reached or at least when the section reaches the middle of the viewport. I have used Tween Max to create the animation.
At the moment the animation plays as soon as the page loads, but I only want it to play once that particular Div is reached or it within the middle of the viewport.
How do I pause the animation from the start until I reach that section then play it?
I have attached a codepen for reference.
Any help on this would be greatly appreciated
Thank-you
Sam