Overlapping card effect
Hi
If anyone can help I'd appreciate it.
I am trying to achieve the effect of blocks overlapping as you scroll down but I am having trouble.
I am not too knowledgable on the scrolltrigger code but I am trying to achieve a simpler version of what is on this site:
https://weltio.com/about/
Also is there a callback function for when the scroll effect has initiated?
I'd like to be able to add a fade effect to the previous slide.
I've been looking through the docu
What I would do is first layout the cards on top of each other with CSS, this way they are already at their end position. Then you would need to calculate how far down they need to move on the page and make that the .from() tween with GSAP. That is indeed the exact opposite of the current demo, there the cards layout all underneath each other and got stacked with GSAP on top of each other.
So to get the desired effect you will need to change the layout with CSS, create the animation
