Gigi

Yes this works exactly how I want to, thank you so much! I initially also tried setting the initial values with gsap.set() but that also did not give this result for some reason.

Hello, I've noticed that GSAP for some reason brings down the percentage to 0% first and then animates to the desired value. For example, the --gradient-end value goes from 50% to 0% and then to 100%, resulting in an animation I don't want. I'm trying to make the box less "faded", but not fully opaque from top to bottom as the user scrolls if that makes sense. Currently, it completely fades first, which isn't what I want.

Ooh haha, such a simple fix. Thank you so much!

I'm trying to animate the CSS property mask-image/-webkit-mask-image with GSAP (Using Svelte/SvelteKit and TailwindCSS). I do not understand why the property is not being animated? Am I doing something wrong?