JsF

I've got everything I want except for one thing. The position of the animation. Currently in the codepen, the ripple effect I made doesn't position itself correctly on the x axis. The y axis seems fine. Any ideas why? Thanks!

Ah, thank you! I knew I had the right idea when I tried searching the GSAP doc with background as the keyword when trying to do the text gradient. For the scrolling one, that codepen isn't mine and it uses https://michalsnik.github.io/aos/ . I'm just trying to figure out how do it using purely GSAP. Does GSAP have something like gsap.trigger()? As you can tell, I'm terrible at finding stuff in the doc. I couldn't find backgroundPosition even though I tried using the search bar with words like background. Anyways, here is my terrible simple codepen of what I've got so far. I just need to tie the animation to a trigger or something: https://codepen.io/julian_s/pen/KKwdgWV

Hi, I just learned about GSAP today. I've got 2 questions: 1. How do I achieve this? : https://codepen.io/shshaw/pen/YpERQQ I'm guessing I need something like: gsap.to("#textid",{duration:1, repeat:-1, x:200}) but somehow have it only affecting the text color gradient. I tried searching in the doc - words like background, text color, etc., but had no luck. 2. https://codepen.io/michalsnik/pen/WxNdvq I've got the basic animation working with a simple gsap.from({}) but I just don't know how to make it trigger based on scrolling. Also tried searching the doc with words like scroll but this too, had no results. Thanks in advance!