Anirban_45

Thanks. but it's not working, i even tried to use a bool as state for when the animation get's finished (initial page load animation) and then use it to create the timeline for the cards but still it's not working and the issue keeps happening. Also in the real project where i am using this, it has React 17

So i am trying to animate the cards at the end of the Page by ScrollTrigger. This page also contains a Initial loading animation of the Page getting revealed. My problem is that if i keep the Initial Page load animation then the ScrollTrigger dosen't work properly (As you can see in the demo) and thecards suddenly appears as soon as the end reaches without a proper animation. But if i remove the initial page load animation then the scrollTrigger animation works fine. Any solution why ? Demo link - Demo here