You can specify an ease for the yoyo (backwards) portion of a repeating TweenMax animation. Set it to a specific ease like yoyoEase:Power2.easeOut or to flip the existing ease, use the shortcut yoyoEase:true. TweenMax is smart enough to automatically set yoyo:true if you define a yoyoEase, so there's less code for you to write. Score!
Video
Code
//this tween has a different ease in each direction
TweenMax.to(".green", 2, {x:700, ease:Bounce.easeOut, yoyoEase:Power2.easeOut, repeat:10, repeatDelay:0.1});
//setting yoyoEase:true flips the bounce so that you have a Bounce.easeOut in both directions
TweenMax.to(".orange", 2, {x:700, ease:Bounce.easeOut, yoyoEase:true, repeat:10, repeatDelay:0.1});
Demo
See the Pen yoyoEase demo by GreenSock (@GreenSock) on CodePen.
yoyoEase is available in version 1.20.0 and higher.
Recommended Comments
There are no comments to display.