ScrambleTextPlugin - How to return initial html structure through Scrumble plugin?

[dmytro.kuz]

Hey guys!

First of all, I would like to thank you for such a great product.

 

Is it possible to achieve such a case that the text is returned with the initial styles and structure specified in html and css when un-scramble?
For example, I have a complex initial structure in an HTML element (with many divs, span, etc.) and different CSS styles: 

 

Can I use the scramble plugin to return to this structure from the encrypted structure? Or you can advise me how to achieve the desired result

• I want to achieve :

 

=====>

 

 

 

 

 

 

 

 

 

• What I achieved in fact: 

 

======>

 

 

 

 

 

 

See the Pen xxmYxmJ?editors=0010 by Dmytro-Kuz (@Dmytro-Kuz) on CodePen.

[Rodrigo]

Hi @dmytro.kuz and welcome to the GreenSock forums!

 

I'm afraid that is not that simple. The ScrambleText Plugin actually alters the content of the element, which means that the HTML tags and styles applied to the elements inside are gone. The only alternative is go block by block and add each ScrambleText instance to a timeline like in this example:

See the Pen jOxpVw by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps.

Happy Tweening!