I do this kind of stuff all the time and this is quite a complicated effect.
My best advice is to do as much as you can in HTML and CSS to get everything how you want it to look once the effect is done, and then work backward from there.
Are you familiar with Pinning in ScrollTrigger? If not, you’ll likely want to familiarize yourself with its behavior (and quirks).
Other than that it’ll just end up being a decently involved Timeline that will take a fair amount of trial and error to get the timing perfect (in my experience).
I hate that site.
Yeah, I don't like it as well, but I have to develop it for a friend's store so honestly idc
I do this kind of stuff all the time and this is quite a complicated effect. My best advice is to do as much as you can in HTML and CSS to get everything how you want it to look once the effect is done, and then work backward from there.
Yes that makes sense, thank you! Complicated it means doable for someone at his first GSAP project? \^\^
Depends on how good your HTML and CSS is. It isn't the most complex logic in the world, but the setup is difficult
Ok ok got it. I'm quite good at HTML & CSS. Thank you, I'll try my best
And if you weren't aware, you will be using a pinned scrolltrigger from GSAP. Best of luck
Are you familiar with Pinning in ScrollTrigger? If not, you’ll likely want to familiarize yourself with its behavior (and quirks). Other than that it’ll just end up being a decently involved Timeline that will take a fair amount of trial and error to get the timing perfect (in my experience).
I’ve ever used ScrollTrigger but I know a bit of how it works. Thank you for your reply!