greensock tweenmax animation

Question

私はTweenMaxを使ってバナーに取り組んでいますが、右から左に5 divの形式をスクロールし、一度に3つずつ表示したい（最初と最後の右を除く）。結果を見ずに説明するのは難しいです。一度に表示されるdivは2つだけです。

Please see my codepen

 doAnim = function() {   
     var TL1 = new TimelineMax({repeat:0, repeatDelay:2.5}); 
     TL1.set("#banner", {visibility:"visible"}) 
     .from('#one', 0.9, {left: 300, scale: 0.6, ease: Power0.easeInOut}) 
     .to('#one', 0.9, {left: -200, scale: 0.6, ease: Power0.easeInOut},'+=.1') 
     .from('#two', 0.9, {left: 300, scale: 0.6, ease: Power0.easeInOut},'-=1.5') 
     .to('#two', 0.9, {left: -200, scale: 0.6, ease: Power0.easeInOut},'+=.1') 
     .from('#three', 0.9, {left: 300, scale: 0.6, ease: Power0.easeInOut},'-=1.5') 
     .to('#three', 0.9, {left: -200, scale: 0.6, ease: Power0.easeInOut},'+=.1') 
     .from('#four', 0.9, {left: 300, scale: 0.6, ease: Power0.easeInOut},'-=1.5') 
     .to('#four', 0.9, {left: -200, scale: 0.6, ease: Power0.easeInOut},'+=.1') 
     .from('#five', 0.9, {left: 400, scale: 0.6, ease: Power0.easeInOut},'-=1.5') 
     .to('#five', 0.9, {left: -200, scale: 0.6, ease: Power0.easeInOut},'+=.1'); 
    }; 

Answer 1

これを達成する唯一の方法は、各タイムライン段階の相対的なタイミングを変更することです。 '+=.1'を'0'および'-=1.5'〜'-=1.8'に置き換えてください。