Hello. I'm new with GSAP Technology. I'm using the ScrollTrigger Plugin for one of my websites and I find the animations very laggy.
What I basically want to achieve is : when I scroll down the page, the IMG tag scales down its width (from 100vw to 30% of the viewport).
It actually works, but it's very laggy. Am I doing something wrong ? I'm using React with Typescript width webpack and css modules. I attached two files down below for a reference.
Laggy Animations on GSAP
in GSAP
Posted
Hello. I'm new with GSAP Technology. I'm using the ScrollTrigger Plugin for one of my websites and I find the animations very laggy.
What I basically want to achieve is : when I scroll down the page, the IMG tag scales down its width (from 100vw to 30% of the viewport).
It actually works, but it's very laggy. Am I doing something wrong ? I'm using React with Typescript width webpack and css modules. I attached two files down below for a reference.
Thank you so much in advance :)
Invitation.tsx Invitation.css