Jump to content
Search Community

tsarma

Members
  • Posts

    7
  • Joined

  • Last visited

  1. tsarma

    Show text block

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

    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?
  3. tsarma

    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 https://codepen.io/tsarma/pen/dygqLmq 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.
  4. tsarma

    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.
  5. tsarma

    SplitText

    Thank you, this does the trick
  6. tsarma

    SplitText

    Thank you for answer, you gave me an idea. http://codepen.io/anon/pen/yyGaNp But how do I remove the blank after words
  7. tsarma

    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.
×
×
  • Create New...