I'm playing around with the new eases, Custom Bounce and Custom Wiggle.
Im comparing two identical tweens, except for the easing
tl.to(blue, 1, {top:400, ease:"myWiggle"},"start");
with this the item would move down 600px from the top and "stay there"- just a normal tween
tl.to(green, 1, {top:400, ease:Power2.easeIn},"start");
this wiggle tween works fine- but the item ends up back in its original position, I am confused by this behavior.
I added a third tween using from and that ends up on top as it should,
tl.from(red, 1, {top:400, ease:Power2.easeIn},"start");
why does this easing function change the ending position property? I'm not used to that, and not sure how to plan for it.
Thanks,
Chris