Horizontal Parallax Effect: Centered Stacking Cards

[sunco007]

Hello, I'm exploring the examples but I can't find what I'm looking for, and I want to see if it's possible to do it.

 

I'm looking to have some cards move horizontally with a parallax effect when scrolling, but I want them to stay centered, and the next card should appear on top of the previous one. I don't want them to push each other like a slider.

 

When reaching the last card, there should be 5 cards stacked on top of each other in the middle, and then the vertical scrolling of the site should continue to work.

 

This website has it, but cards with vertical scroll https://quipo-app.com/

[Cassie]

Hi there

 

Anything you can think of is possible with enough time and tinkering.

 

My advice is to create an animation timeline that does what you want and then hook it up to scroll.
 

If you're new to GSAP you'll need to look into timelines and the position parameter. This is a good starting point.
 

 

Good luck!