Splittext -- need help animating spaces

[gem]

I want to animate the background, but it is not continuous with the spaces between words. Is there a way that I can treat spaces as characters, so that they will be animated the same way. Thank you!!!

 

To be as clear as possible I want the background of the spaces to be treated exactly the same as the rest of the characters

See the Pen PoLjMva by bonfiremitch (@bonfiremitch) on CodePen

[GreenSock]

No, SplitText doesn't create <div> wrappers for those spaces but all you're trying to do is animate each character like that, you probably don't even need SplitText - you could wrap each one in a <span> and animate like this: 

See the Pen bGZrdvX?editors=1010 by GreenSock (@GreenSock) on CodePen

 

But honestly, you might consider creating a <div> behind each line and just animate the scaleX from 0 to 1 to get a cleaner effect. You could create a duplicate element behind your "real" element (with the same text), split by lines, make the text color transparent and animate the div's scaleX from 0 -> 1. 

 

Good luck!