Hello GSAP-Community,
New user here, having a bit of hard time with some simple scrollTrigger animations.
The Problem: The animations basically do what they are supposed to, but the tweening
values per step are not even. The values are very large at the beginning and just before
the trigger reaches the end each step is sub 1% ( if viewed with the Inspector) . It almost
looks as if there was a default easing in place. If I disable the scrub, it does look like
there is an ease applied. I have also tried setting the initial width/position in CSS, but read
that it's better to do so in GSAP directly. Also tried with .set and .to, with the same outcome.
Considering the animation is working, I hope it's some small detail or syntax logic I missed.
Running on Mac OS (Version 10.15.7) and Firefox ( Version 105.0)
Any help much appreciated.