如何加速綠色時間表？

Question

HTML

<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 

CSS

.box{ 
    width: 50px; 
    height: 50px; 
    background: rgb(107,127,125); 
    border: 1px solid rgb(174,77,61); 
    display: block; 
} 

JS

var tl = new TimelineMax(); 
tl.staggerTo($(".box"), 1, {x: "200px"}, 0.4); 

我要逐漸增加在該盒動畫到正確的速度。 即：

1. 箱動畫持續時間= 1秒
2. 盒= 0.8S
3. 盒= 0.78s，等

我知道我可以通過箱循環，並指定不同的持續時間對於每一個，但有沒有更有效的方式來做到這一點？

是否可以預定方便喜歡

ease: Bounce.easeOut 

適用於時間表本身，而不是在時間軸每個補？

FIDDLE

Answer 1

你可以使用timeScale()加快各錯開後的時間表。這裏是an example。

function tweenComplete() { 
    scale += 1; 
    tl.timeScale(scale); 
}