Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

jdbones

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by jdbones

  1. Hello,

     

    I guess my problem wouldn't be such to an experienced person, however, since I'm not good at JS at all, I have this case where I am applying split text effect on two separate h1 tags and when I try to apply allDone on both of them, it doesn't work.

    When I apply allDone on the first h1, the second h1 doesn't get affected by the split text effect at all.

    When I apply allDone on the second h1 tag it all works but, of course, I would also need allDone applied to the first h1 as well.

     

    Also, defining the function for allDone two times doesn't work as well...

     

    Thank you! :)

     

    var tl = new TimelineLite, 
        mySplitText = new SplitText(".is-returning h1.line-1"), 
        chars = mySplitText.chars;
    
    TweenLite.set(".is-returning h1.line-1", {perspective:400});
    
    tl.staggerFrom(chars, 1.2, {opacity:0, scale:0, y:120, rotationX:180, transformOrigin:"0% 50% -50",  ease:Back.easeOut, delay:6.8}, 0.01, "+=0"); /*I want to place an allDone parameter here too but it doesn't work this way*/
    
    var tl = new TimelineLite, 
        mySplitText = new SplitText(".is-returning h1.line-2"), 
        chars = mySplitText.chars;
    
    TweenLite.set(".is-returning h1.line-2", {perspective:400});
    
    tl.staggerFrom(chars, 1.2, {opacity:0, scale:0, y:120, rotationX:180, transformOrigin:"0% 50% -50",  ease:Back.easeOut, delay:9.8}, 0.01, "+=0", allDone);
    
    function allDone(){
      mySplitText.revert();
    }

     

×