Jump to content
Search Community

DennisOffinga

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by DennisOffinga

  1. I am making a Banner and I need the animation code  to be removed after whole animation has ran.

    Im talking about the class ".logo", after the animation is done it does loop but i need the first line with the class ".logo" to be gone.

     

    var tl = new TimelineMax();
      tl.repeat(-1).repeatDelay(1);
      
     
      tl.from('.logo', 0.6, {scale:0.0, force3D:true, ease: Back.easeOut.config(1.4)});  // <---- THIS ONE //
      tl.from('#intro-wrapper', 0.5,{y:'-5px', opacity:0},'+=0.9');
      tl.to('#intro-wrapper', 0.5, {opacity:0},'+=1.9');
      tl.to('.sunburst', 0.6, {opacity:0});
      tl.to('.logo', 0.4, {scale:0.5, force3D:true,y:'-40px'}, '-=0.3'); 
    
    
      tl.from('.freddie-zwaai', 0.5, {y:'140px', ease: Back.easeOut.config(1)});
      tl.from('#tekst-wrapper-1', 0.3, {opacity:0, ease: Power2.easeOut});
      tl.to('.freddie-zwaai', 0.01, {opacity:0}, '+=1');
      tl.from('.freddie-staan', 0.01, {opacity:0});
    
    
      tl.staggerFrom('.p', 0.5, {opacity:0, delay:1, ease:Power2.easeOut, force3D:true}, 1);
      tl.to('.freddie-staan', 0.01, {opacity:0}, '-=2');
      tl.from('.freddie-wijs', 0.01, {opacity:0},'-=2');
    
    
      tl.from('.cta', 0.5, {y:'50px',ease:Back.easeOut.config(1)}, '+=0.7');
      tl.to('.cta', 0.1, {scale:1.05, repeat:3, yoyo:true},'+=2');
    
    
    
    
       // -- EXTRA -- //
    
    
      tl.to('.freddie-wijs, #tekst-wrapper-1 , .p', 0.3, {opacity:0}, '+=1.2');
      tl.to('.sunburst', 0.3, {opacity:1},'-=0.2');
      tl.to('.logo', 0.4, {scale:0.8, force3D:true,y:'0px'});
      tl.to('.cta', 0.6, {x:'-35px', ease:Back.easeInOut.config(1)},'-=0.7');
      tl.to('.cta', 0.5, {y:'50px',ease:Back.easeIn.config(1)}, '+=2');

    Thanks in advance !

×
×
  • Create New...