Unsure if this animation is possible with GSAP?

[birdyoung]

Does anyone know how this sort of animation would be possible? - https://imgur.com/a/f8ljpdV
I'm not really sure how to approach it.. any advice appreciated!

[mvaneijgen]

As in all things coding you could tackle this multiple ways, what have you tried already?

 

Personally when face with a ideas on which I am not sure where to begin I open op codepen and just try my hand at a few things, I usually then just keep forking my pen to try out different ideas, either because I think it could be better or my original idea was not working. Usually at version 10 I got something I'm happy with. Creating forks of you pen will allow you to fall back at earlier ideas if something new is not working.

 

The simplest version of this would be two images, one for the background and one for the foreground (transparent .png or .svg with an archway) and scale these images separately with GSAP, if you create an timeline you will then be able to hook it up to ScrollTrigger when you're happy with the animation.

 

We would love to see what you could come up with with your self, so that we can better nudge you in the right direction. Just try your hand at a few ideas and post back here with a minimal demo when you get stuck (or your finished result!)

[GSAP Helper]

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

Your link kinda reminded me of this one: 

See the Pen XWEMNaj by GreenSock (@GreenSock) on CodePen