[Background Box Scale Animation]

Well, I wan't to make an animation that changes the text color/background with a "box scale reveal". I made a simple video on Figma to show what i'm trying to produce:

https://streamable.com/zibc8n

 

I made a simple pen to that, but it only fades the background for now. I'm not sure how do to it or even if it's possible. Any help is appreciated

See the Pen VweRYWa by Maath (@Maath) on CodePen

[ScrollTrigger change number]

Thank you! that worked pretty well as i wanted 😄

 

btw, i'm new here so... do i need to close this topic since it's resovled? if so, how can i do this?

[ScrollTrigger change number]

So, first of all, i'm starting with GSAP and ScrollTrigger and i'm loving it!

I searched a lot but surprisingly i haven't found what i want: I want that the number counts up according to the scroll. On the example pen, when you scroll down, it scrubs the size of the number, but wht i want is that when i scroll, the number keep counting to a x limit, let's say 1000, so as i scroll, the number will count from 0 to 1000. How can i do something like that?

See the Pen vYLPYBv by Maath (@Maath) on CodePen