Change text size using timeline and Scrolltrigger

[Forpee]

Hello all,

I would like to create the scrolling text effect on the left side of this video (where the list elements either get bigger or smaller when you scroll)

 

I think I  would have to put  scrolltrigger inside a timeline but I am struggling to implement this

 

 

 

 

See the Pen oNZdBzm by BobuShmurda (@BobuShmurda) on CodePen

[akapowl]

 

Hey @Forpee

 

I made a demo some time ago that might help you get started with this.

 

See the Pen 85fd1433b311d0197397addc90617a77 by akapowl (@akapowl) on CodePen

 

 

What I'm doing there is pinning the relevant section for a specified amount of scroll ( happening in the lineTimeline - of course you wouldn't need an animation attached to that if you don't need one) and then forEach of the text/headline-elements create a ScrollTrigger with an equal scroll-duration (the afore-mentioned specified amount of scroll for the pinning devided by the number of texts/headlines) offset in their starts by that amount times the index of each text/headline-element.

 

[Forpee]

Woah thank you so much @akapowl!