T.ricks webflow text animation

Hello, I want to use the slide up animation on scroll from this You Tube tutorial (Easy Letter Animations in Webflow - YouTube). However, when I follow the steps to add the animation on scroll, it only happens the first time and I can’t seem to figure out how to get headlines lower down the page appear when they scroll into view.

I followed the instructions and created a new function for each time I wanted to use the animation and gave each headline div it’s own individual ID number, but it won’t work. Please can someone show me where I am going wrong?

.letter {display: inline-block;} .tricksword {white-space: nowrap;}

I would suggest ScrollTrigger for this, it’s a lot lighter and more performant than something relying on jQuery.

Thanks will check this out !