[ScrollTrigger in combination with Stagger: Animate letters one by one]

Already fixed, check this topic:

 

[ScrollTrigger in combination with Stagger: Animate letters one by one]

Hi!

I am trying to create a stagger effect with scrolltrigger. In the codepen you see that all words are wrapped inside a div as well as all separate letters. I have created a ScrollTrigger with a start and an end. In this ScrollTrigger, each letter should gradually get an opacity from 0.1 to 1 (as on https://www.studiogusto.com/)

 

At the moment, all letters are animation together, but they should be animating in sequence. Can someone help me out?

 

See the Pen PoyEmeY by casvangrunsven (@casvangrunsven) on CodePen