greensock tweenmax animation

Question

我在使用TweenMax的橫幅上工作，我想從右向左滾動5格，並一次顯示3（除了在開始時和在結束時）。沒有看結果就很難解釋。你會看到只有2個div當前顯示。

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'。