Split text animation
A text is being split into individual characters which are then animated by GSAP.
To be able to sequence each character, a stagger is applied.
gsap.to(`.stage#${id} .char`, {
fontSize: '2rem',
stagger: 0.1,
ease: "power2.inOut",
repeat: -1,
yoyo: true
});
The result
This is the first entry of a series of experiments with GSAP which I'd like to expand more.