Can I combine multiple tweens and run them with one ease function? Something like this:
var el = $('#some-element');
var tw1 = new TweenMax.to(el, 1, {left: 100});
var tw2 = new TweenMax.to(el, 1, {left: 200});
var tw3 = new TweenMax.to(el, 1, {left: 300});
var tl = new TimelineMax({ease:Power2.easeOut})
.add(tw1)
.add(tw2)
.add(tw3);
I've made sandbox examples for this issue:
1. http://codepen.io/panych/pen/qpjCK 2. http://codepen.io/panych/pen/aLHGy
We need to make to move the box from the first example with one common easing function, as it has been shown in the second example, but