Elastic easing behaving very snappy and weird on a simple animation

[xylis]

here's the Demo, I am creating a simple timeline and controlling it with gsap.to to be able to use different easings on playing the timeline in reverse,

See the Pen RwmgmwK by Subham-Singh-the-bashful (@Subham-Singh-the-bashful) on CodePen.

[mvaneijgen]

You could also use tweenTo and directly control the same timeline instead of creating new tweens, but this still has the issue that a timeline cant tween past the start of a timeline. 0 is the start and there is nothing before that. If you want full control over this animation in both directions, you'll have to create two separate tweens. Hope it helps and happy tweening! 

 

See the Pen mdYwYVm?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen.