scramble text multiline problem

[eomerb]

hello there,

I want to use scramble text animation but  doesnt look good with multilines

as in codepen example in multilines scrambling  jumps to next line and the words appears like as if comes from opacity 0

is there any way to solve it

 

thanks

See the Pen JjopaVY by eomerb (@eomerb) on CodePen

[ZachSaucier]

Hey eomerb and welcome.

 

The cause of this jumping is because with only the characters you provided there's no way for the line to wrap. One alternative would be to include spaces in your character list for the scramble:

See the Pen dyPdwMb?editors=0010 by GreenSock (@GreenSock) on CodePen

 

If you want to change the proportions of how many Xs and Os there are compared to spaces, just change that in the chars string: 

See the Pen YzPedVy?editors=0010 by GreenSock (@GreenSock) on CodePen

[eomerb]

@ZachSaucier 

 

giving multiple characters is working great.

instead of "lowercase" and "uppercase" I can write the whole alphabet and cover that cases too

many thanks