2015-11-05 173 views
1

我有這樣的代碼,其不透明度動畫1的一個目的是0。動畫重複無限TweenMax

但我想知道我該怎麼做,使被無限重複這個動作,每次1秒?

任何想法?

var tl = new TimelineMax(); 

     tl.add(timeLine_parpados.to($parpados,0.1,{opacity:1})); // parpados aparecen 
     tl.add(timeLine_parpados.to($parpados,0.1,{opacity:0})); // parpados desaparecen 

     tl.play(); 

回答

6

你可以做這樣的事情:

var el = document.getElementById("element"); 
var tl = new TimelineMax(); 

tl.to(el, 1, {alpha:0, repeatDelay:1, repeat:-1, yoyo:true}) 
tl.play(); 

JSFiddle demo

1秒元素顯示和淡出之間。 repeat:-1將無限期地重複動畫。

yoyo:true,這部作品與repeat屬性,使動畫反向,所以它的順利當

div下一個衰