We’re using GSAP’s SplitText to break this content into lines, words, and individual characters. Experiment with staggered tweens, custom ease functions, and dynamic transforms to bring your headlines to life.
Scroll down
You'll see that this piece of text here will start revealing line by line. By using the mask option in GSAP, and applying a short stagger, we can create a super smooth reveal effect with just a few lines of code.
Another option is to target every word in here. We can still simply mask each line, and then apply a slightly shorter stagger duration. This way the animation won't take for ever to load!
And finally, maybe not so suitable for large pieces of text, is animating per character. By applying a very short stagger duration, we can create an interesting effect that almost seems to rotate the sentences though!