I have a new question you regarding code pen:
http://codepen.io/PointC/pen/GqWxgj/
how can I get these animations to run a bit quicker and slightly overlap each other as one animates in and the other animates out. I have been playing with the code a bit. I tried adding this: '-=0.15' to the code but it didn't work.
var tl = new TimelineMax();
tl.staggerFrom(".box", 1, { cycle:{ x:[ -400,400,0,0 ],y:[0,0,-400,400] } },3)
tl.staggerTo(".box", 1, { cycle:{ x:[ 400,-400,0,0 ],y:[0,0,400,-400] },autoAlpha:0 },3,2,'-=0.15' )
tl.from(".lastBox", 1, {x:400})
any help is appreciated, thx