Using different eases on yoyo: true

[SlimMarten]

I am having a simple tween formTo().

TweenMax.fromTo(element, duration,
			{
				attr: {
					transform: `translate(0,${expander+offsetY})`
				},
			},{
				attr: {
					transform: `translate(0,${ expander*(-20 + offsetY)})`
				},
				ease: Elastic.easeOut.config(1, 0.5),
				yoyo: true,
				repeat: -1,
			}
		);

I have defined a default Elastic easing in the tweens property here. What I am trying to achieve now, is to give my tween another easing when it plays reverse.

 

Is that possible at all?

 

Thanks in advance

[Dipscom]

My gut feeling is "not possible".

 

You can achieve something like that with two tweens, one for the animation in, one for the animation out. With a delay on the second one.

 

You would set some variables to use in your tweens so that you don't have to type everything twice and it would make amends easier.

[GreenSock]

Dipscom is correct. You can't easily just swap out eases for different playback states. Of course it's quite easy to get the effect you're after by chaining two tweens, like in a TimelineLite or something. Let us know if you need any help with that.