I’m playing around with GSAP to solve a animation problem. What I’m trying to do is create two tweens. First tween with scroll trigger and second one without a scroll trigger. When first animation is completed, second animation auto play starts.

I’m trying to implement the animation similar to the reference using gsap with useGSAP. Unfortunately, my knowledge on gsap is not much (I’m actually beginner), thus cannot really get the animation done correctly.

the gsap.to acts like gsap.form on mobile devices only
it works on desktop and mobile view on pc

gsap-core.js:89 Invalid property scrollTrigger set to .btn-description Missing plugin? gsap.registerPlugin()

I’m trying to re create this codepen but with horizontal scrolling instead of the vertical scrolling in the codepen. The thing is, I can’t even make it work. I copied the pen, but it’s not working in my react project.