Jump to content


Horizontal Parallax Effect: Centered Stacking Cards

Moderator Tag

Recommended Posts

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/

Link to comment
Share on other sites

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!

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.