Randomly load the chars

[agsymonds 2 Likes (Newbie)]

Just started using GSAP so please excuse the naive question.  Looking at using SplitText, like in the attached Codepen, but wanted to see how it could be altered so that when the letters appear, the order is random,  rather than linear from beginning of the quote to the end?

 

Thanks.

See the Pen JjYwVGm by robbiecren07 (@robbiecren07) on CodePen

[akapowl 5,152 Likes (Superhero)]

 

Welcome to the forum @agsymonds

 

If I understand you correctly, the advanced stagger object has you covered. Does that work like you imagined?

 

https://greensock.com/docs/v3/Staggers

 

[I justed increased the stagger value a bit in this demo to make the randomness more apparent.]

 

// simple
...
stagger: 0.1,
...



// advanced
...
stagger: {
  each: 0.1,
  from: 'random'
}
...  

 

 

 

See the Pen NWBOxjR by akapowl (@akapowl) on CodePen

[agsymonds 2 Likes (Newbie)]

Perfect, thank you. I am learning through using and looking at the code, so much appreciated help.