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 without removing middle tweens.