[Show text block]

Thank you @Rodrigo for your help. Now I get the idea.

[Show text block]

Hi @Rodrigo

Thank you once again. Your solution works fine. 
Fade-in and fade-out time is OK. Is there a way to stay/keep the text on display: block state a little longer? Maybe with delay or position parameters, but I don't know how. Or is it dependent on the length of the end parameter?

[Show text block]

Hi @Rodrigo

Thank you for looking into my case and for the suggestion.
I've tried to adapt your solution with a single timeline, here 

See the Pen dygqLmq by tsarma (@tsarma) on CodePen

How can make text disappear after a certain time?
How can I set/change the position parameter dynamically to an individual text box?

 

Like in my example website  bit.ly/3M0ce8U, in the end, I wanted to create a few such blocks of video and text on the same page.

 

[Show text block]

Hi there, 

I am stuck, I am trying to animate a text block (red colored here) within a pinned container. Inside this pin container, I've also a video playing which is also linked to the scroll bar with ScrollTrigger.

 

What I wanted to achieve is to show the text, with controlled time and duration. Like is it done here on this website bit.ly/3M0ce8U. At the moment it just plays the timeline and red text blocks are faded in for the duration of the timeline. 

 

How can I achieve this effect, thanks in advance for any help.

 

 

 

 

 

See the Pen dygjqLB by tsarma (@tsarma) on CodePen

[SplitText]

Thank you, this does the trick

[SplitText]

Thank you for answer, you gave me an idea.

 

See the Pen yyGaNp by anon (@anon) on CodePen

 

But how do I remove the blank after words

[SplitText]

It would be nice, if there is an option to supply for word delimiter. For example following text is in tibetan

 

"རེས་གཟའ་སྤེན་པའི་ཉིན"

It composes of multibyte unicode characters and it has a word delimiter char '་' instead of blanks as in latin chars.