I want to learn how to make this animation

Design help Animations & Interactions
1

Hi there,
I want to learn on how to make animation like this :

please open the link first to know what I mean.
I am looking for any references on how to make this animation.

thanks before.

2

hello,
i think this might help you:
create a container with height of 400 or 500 vh (depend on your cards
if 3 card 300 vh)
so create a div inside that container and give it position sticky : top 0, left 0
and give it flex center
create cards and on scroll one by one change their transform → first card before it goes up:

image
image1366×639 60.8 KB

after it goes up:
image
image1361×644 79 KB

now we can see some changes:
on scroll in first 100vh on 300vh (container)
this card has moved to top (-100vh) and moved to left (-10vw) and has rotated on z axis (-30deg).

I hope this has given you a good and helpful perspective on how to build this interaction