I'm trying to mimic the an effect where cards unstack on scroll. For visuals, please click here to view a GIF of the effect.
The website the above GIF is from is this website.
Now, I've tried to mimic the above using GSAP / ScrollTrigger. However, my effect differs in the following aspects:
The cards stack on top of each other in my demo, but reveal themselves in the demo I'm trying to mimic (see image of the design I'm trying to achieve here). I've tried z-i
@mvaneijgen - Haha, I guess that module is really popular 😂
Thanks for bringing that to my attention I have tried to emulate the demo provided in that answer, however, I'm receiving differing results. The cards on my demo do not stack and they blink out when scrolling?
I'm also unsure on what's creating the huge space between text to the cards.
See the Pen ZExjMYX by amit_rai95 (@amit_rai95) on CodePen