Relative animation for translateX

[rachel 0 Likes (Newbie)]

Why are TweenLite and TweenMax unable to animate x / translateX using relative (+= 20px) positions?

 

This simple demo works fine:

See the Pen bAxqC by anon (@anon) on CodePen

But using a relative position doesn't:

The documentation clearly says...

 

You can define relative values, like rotation:"+=30"

See the Pen kzgcK by anon (@anon) on CodePen

[rachel 0 Likes (Newbie)]

I managed to get around this issue by initializing all of my elements with a transform event and then animating them relative to the computed value.
 

var position = this._gsTransform.x - (distance * direction);
TweenLite.to(this, 1, {x: position});

 

It seems silly this wouldn't be supported natively! Is there a reason it isn't?

[Diaco 1,997 Likes (Superhero)]

Hi rachel 

 

pls remove " px " from values , and that'ill work ,this operator " += " ill increase only numeric value !

and for X/Y property , you dont need " px " too .