Adding Textsplit animation in timeline while animating other element

[Provem Digital GmbH]

Hello guys, 

 

I would like to build a cool page transition and then add during the second box animates in a text split animation like here: https://strony.owocni.pl/

 

i tried it but i dont know how to add a Textsplit animation to a timeline with other animations

See the Pen RwJVRVy by davidprovem (@davidprovem) on CodePen

[Trapti]

There is a syntax error. In HTML 

<h2 id="#heading2">Das ist ein krasser Text</h2>

should be 

<h2 id="heading2">Das ist ein krasser Text</h2>

change this and your animation will play

See the Pen poKPKZx?editors=1010 by tripti1410 (@tripti1410) on CodePen

[Provem Digital GmbH]

Nice thank you Trapti! Do you know maybe if it's possible to pin the text animation?

[Rodrigo]

Hi,

 

Just add your text in a section that gets pinned by ScrollTrigger, it could easily be another ScrollTrigger instance, or just add the text to the section already being controlled by ScrollTrigger.

 

This thread deals with something like that, hopefully will serve as a starting point:

 

Happy Tweening!