Responsive Split Text animation in GSAP Posted October 19, 2020 Hello, I'm using SplitText to add animation to lines of text based on the following example: gsap.from(split.lines, {duration: 1, x: 200, autoAlpha: 0, ease: "power3", stagger: 0.05}); The animation is working as expected. However, as the text is split into separate tags it means that it's not responsive and leaves whitespace (which is shown in the gsap example). Is there any way around this? Any help would be appreciated. Thanks See the Pen pEKYVz by GreenSock (@GreenSock) on CodePen
Responsive Split Text animation
in GSAP
Posted
Hello,
I'm using SplitText to add animation to lines of text based on the following example:
gsap.from(split.lines, {duration: 1, x: 200, autoAlpha: 0, ease: "power3", stagger: 0.05});
The animation is working as expected. However, as the text is split into separate tags it means that it's not responsive and leaves whitespace (which is shown in the gsap example).
Is there any way around this?
Any help would be appreciated.
Thanks
See the Pen pEKYVz by GreenSock (@GreenSock) on CodePen