Search the Community
Showing results for tags 'TweenLite(JS) loop animation'.
Found 1 result
-
Hello, Working on an animation which needs to repeat (loop) a number (7) of times. I've placed all the animation into one function (timeline): function forward () { var tl = new TimelineLite(); tl.to(one, 0.75, {css:{rotation:".16rad" },ease:Linear.easeNone} ); tl.to(one, 0.75, {css:{rotation:"0 rad" },ease:Linear.easeNone} ); tl.to(two, 0.55, {css:{rotation:"-.14rad" },ease:Linear.easeNone}); tl.to(thr, 0.50, {css:{rotation:"-.13rad" },ease:Linear.easeNone}); tl.to(fou, 0.45, {css:{rotation:"-.12rad" },ease:Linear.easeNone}); tl.to(fiv, 0.40, {css:{rotation:"-.12rad" },ease:Linear.easeNone}); tl.to(six, 0.35, {css:{rotation:"-.11rad" },ease:Linear.easeNone}); tl.to(six, 0.30, {css:{rotation:"0 rad" },ease:Linear.easeNone} ); tl.to(fiv, 0.25, {css:{rotation:"0 rad" },ease:Linear.easeNone} ); tl.to(fou, 0.20, {css:{rotation:"0 rad" },ease:Linear.easeNone}); tl.to(thr, 0.15, {css:{rotation:"0 rad" },ease:Linear.easeNone}); tl.to(two, 0.14, {css:{rotation:"0 rad" },ease:Linear.easeNone}); } Is there a way to repeat the animation without creating another functions? As well as ending the repeat at a set number of times? If this has been asked before, pardon the repeative topic.
