グリーンストックのタイムラインをどのように加速するのですか？

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. ボックスのアニメーションの再生時間=など0.8秒
2. ボックス= 0.78s、

私はボックスをループする可能性を知っているし、別の期間を指定しますそれぞれのために、これを行うより効率的な方法はありますか？

それはないタイムライン内の各トゥイーンに、タイムライン自体に

ease: Bounce.easeOut 

のような定義済みのしやすさを適用することは可能ですか？

FIDDLE

Answer 1

あなたは、各スタガ後にタイムラインを加速するtimeScale()を使用することができます。ここにはan exampleがあります。

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