[how to loop entire tweenmax animations with onComplete callbacks]

staggerFrom or staggerTo tweens only for  same class & same animation type,  but I need  different animations  and different class names with callbacks

 

1st tween run animation -1 (move left to right) on complete -- >

2nd tween run animation -2 (move right to bottom) on complete -- >

3rd tween run animation -3 (move bottom to left) 

 

See the Pen XELdmy by sivanargana (@sivanargana) on CodePen

 this entire animation should be a repeat is it possible ??

[how to loop entire tweenmax animations with onComplete callbacks]

how to repeat this kind of callbacks based animation, I cant repeat this entire animation, each tween start based on callback please answer this problem

 

TweenMax.to(".div1",0.5,{opacity:1,ease: Linear.easeOut,onComplete: function(){
  TweenMax.to(".div2",0.5,{opacity:1,ease: Linear.easeOut,onComplete: function(){
    TweenMax.to(".div3",0.5,{opacity:1,ease: Linear.easeOut,onComplete: function(){
      TweenMax.to(".div4",0.5,{opacity:1,ease: Linear.easeOut,onComplete: function(){}});
    }});
  }});
}});

See the Pen XELdmy by sivanargana (@sivanargana) on CodePen

[how to scale group of div elements based on window resize?]

I am trying to make my 300px X 250px design responsive by responding to a resize window request.

 

like http://isadoradesign.com/

 

Total animations scaling aspect ratio

 

(or)

 

http://s.codepen.io/GreenSock/fullpage/wBbKs? - How to Responsive this animation ???

 

Please anyone solve this problem