codeIMperfect

You can make a GSAP timeline with the animation that you want and then, you can link the animation to ScrollTrigger.

Thanks a Lot! Very satisfied with GreenSock Community

Then it's not working as expected ? https://codepen.io/codeIMperfect/pen/xxREydo

Thanks! But what if I wanna transition a clip-path value according to the scroll state?

In the codepen attached, the colors change alright, but the transition is sudden. Now, I know I could add a Transition property to the section in CSS, but then, the transition ignores, scrub:true and takes a specific amount of time, instead of transitioning with scroll. Any way of transitioning with GSAP? Thanks in Advance, Harshit