.staggerTo() not working

[hellol11 2 Likes (Newbie)]

I want to make a small animation just for fun, but as I make it, I notice it doesn't play. Can someone please help me?

See the Pen zqEwoM?editors=0010 by hellol11 (@hellol11) on CodePen

[Jonathan 5,176 Likes (Superhero)]

Hello hellol11, and welcome to the GreenSock Forum!

 

You have some errors in your code.

// You have this
var text = new splitText($("#text"));

// It should be this with a capital S for SplitText() constructor
var text = new SplitText($("#text"));

And then after you fix that error you have variables not defined for yellow, blue, and white. Unless you meant that they are a string value. Then they would be this: "yellow", "blue", and "white" with quotes so you define the color values as a string.

// you have this .. is yellow a variable or did you forget to wrap it with quotes?
color: yellow

// so either define yellow as a variable or add quotes around it to become a string
color: "yellow"

x

Working code example:

 

See the Pen jqGmRv by jonathan (@jonathan) on CodePen

 

Hope this helps !