mikel

Hey @ynamite, That'll be fine ... Another stroke joke from my personal point of view: Some strokes are stubborn. Some bossy. Other so simple. Some of them just disappear. The good thing about it: It's up to you. https://codepen.io/mikeK/pen/d220dfbc43151b8f9e72e75b382ca02d?editors=1010 Mind UX: Do not address such experiments to ordinary users who only expect what they are used to. They might get confused. Happy tweening ... Mikel

Hey @ynamite, Ohh sorry - it's rather fun. Perhaps the structure of the strokes, the sequences, are interesting. Otherwise, put it aside. Good luck ... Mikel

Hey @ynamite, Here is a 'test candidate' (not optimally timed) from the first days of ScrollTrigger. Maybe testing is more fun this way ... https://codepen.io/mikeK/pen/eYdXBQW Happy testing ... Mikel

Hey @ynamite, Don't despair. Look at this example. Maybe there will be some suggestions and you will find new courage. https://codepen.io/creativeocean/pen/zYrPrgd?editors=1010 Happy scrolling ... Mikel

Hey @Nysh, This could be an alternative https://codepen.io/mikeK/pen/WNGmQvG Happy tweening ... Mikel

Hey @mattdown, "It seems to judder a bit ...": With the two scroll triggers for the same object, you trigger a classic conflict.

In my last example the wrap is pinned during the color changes. And it will be unpinned after animation. Can you see that too?

@pjtf93, Look at the structure and logic in this case. And try to adapt it to your needs. https://codepen.io/mikeK/pen/NWRoQJo happy tweening ... Mikel

If you shorten the duration e.g. to 0.1, the animation runs as in your example. The progress of the animation is not linked directly to the scroll. Happy scrolling ... Mikel

Hey @ncti, Please take a look at the notes and examples for the property pin. In my last example the wrap is pinned during the color changes. Happy tweening ... Mikel

Hey @mattdown, You could use a callback that gets called every time the progress of the ScrollTrigger changes: observing the direction. https://codepen.io/mikeK/pen/zYBawGa Happy scrolling ... Mikel

... ... and push the practice. A learner's advice. Mikel

Hey @JamesGrubb, ... an alternative suggestion. https://codepen.io/mikeK/pen/oNzmqeK Happy tweening ... Mikel

Hey @ncti, Hmmm - this forum is not a 'request concert'. Please focus on understanding questions about GSAP. https://codepen.io/mikeK/pen/yLaZvoa Happy tweening ... Mikel

If you delete the second tween ... // .to('.green', {xPercent:-11}, '+=0.5') // option