Jump to content
Search Community

Changing the x transform position of two elements

Nomili test
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

Hey guys, I'm trying to reproduce the effect I found on thecraftsmen.tech where two cards are on top of each other and when you scroll down they move left and right to the edge of the container.  I managed to animate the cards, but they start scrolling before they are in view and scroll out of the container. They should already be visible stacked on top of each other and then move apart as on the example page. What am I doing wrong here?

See the Pen YzRbaMw by msadak (@msadak) on CodePen

Link to comment
Share on other sites

Hey Rodrigo, thanks for the answer. I was able to fix it myself last night and forgot to tell you about it here in the forum before your answer came. But thanks a thousand anyway. Your solution is even more elegant than mine. But I still have one question. How is it possible to use a trigger but to control several lines that play the scroll effect one after the other in a slightly staggered manner, as can be seen on the example page? 

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.
  • Create New...