javascript - GSAP repeatDelay Array? -
so i'm spending little bit of free time learning , exploring gsap (greensock animation platform). , i'm wondering if possible have array of values 1 specific repeating element. how tween looks;
tweenmax.from(blink, 0.2, {repeat: -1, scale: 0, ease: power1.easeinout, repeatdelay: 3});
now i'm wondering if it's possible have element "blink", have 3 second pause, blink again , have 0.5 second pause before blinking again, , repeat. i've looked @ documentation can't seem find relevant, can gsap or have step out js?
thanks!
sure, create 2 tweens in timeline 3 seconds apart, , repeat whole timeline , set repeatdelay 0.5. effect wanted?: https://codepen.io/greensock/pen/a99e84eaba6f2e358801bbf02ffcf41d?editors=0010
var tl = new timelinemax({repeat:-1, repeatdelay:0.5}); tl.from("#blink", 0.2, {scale:0, ease:power1.easeinout}) .to("#blink", 0.2, {scale:0, ease:power1.easeinout}, "+=3");
there forums dedicated gsap on @ https://greensock.com/forums/ in case you'd more (we're quick respond on there).
happy tweening!
Comments
Post a Comment