How would I keep the blue box spinning while allowing what comes afterward to animate? I guess it's logical for the timeline to wait for the blue box but it's never going to finish! I thought the answer was a separate timeline for the blue box, then using .add() but same result.
See the Pen qbLGMX by anon (@anon) on CodePen
oh, forgot to tell you guys.
As of 1.20.0 if you add a tween to a timeline immediately after a repeating tween the new tween will go directly after the first iteration of the repeating tween.
https://github.com/greensock/GreenSock-JS/commit/fb5cede26aa0a6463f2faac755d09579750c9e7a
var tl = new TimelineMax();
tl.to(".red", 1, {rotation:360})
.to(".blue", 1, {rotation:360, repeat:-1})
// add next tween as soon as 1 iteration of previous animation ends
.to(".green", 1, {rotati