KulBoiz

Hmmm, this thing is harder than I thought, thanks for ur advice. Maybe, I'll find out the way to do each animation and then combine it later. Hope you have a nice day at work!

Thanks for your answer, I tried your code but it doesn't work as I expected the second item didn't grow opacity to 1 when the first item disappear. If I remove scrollTrigger then I can't do the animation when scroll the page. I don't know how but it still works when I use ScrollTrigger in a timeline: https://drive.google.com/file/d/1DJhfRBIFmzY2pOkM7hIXaCGL0jVzmvlj/view?usp=sharing. Could you give me another hint, thanks. index.tsx

How can I trigger opacity: 1 to the top item and opacity: 0.6 to the item behind like the images. Here is my code: https://codesandbox.io/p/sandbox/practical-banzai-26fql6?file=%2Fapp%2Fpage.tsx%3A1%2C1 Please help me ❤️