Add one animation to another

[xforo]

Hi! I have an animation of the road. Cars move along it along the x coordinate. At some point in time (for example, when pressed), they should continue to move as before, but at the same time begin to descend down the Y axis. When I try to do this, the animation does not occur or the movement along the x axis stops and only the movement along the y axis remains.

 

I doesnt have codepen, but there is stackblitz with example. 

 

Demo

 

[Carl]

Thanks for the demo, but unless your issue is related to React it's really best not to provide something that complex with multiple files, dependencies, code for components and all that. A simple demo will be just fine and helps us better focus on the issue without getting hung up on all the unnecessary overhead. 

 

I tried looking at your demo but it wasn't immediately clear how your verticalHandler function was supposed to be invoked. I didn't see a button for that in the UI or any code that called it. 

 

That aside, the following demo should meet your requirements as you described:

 

See the Pen rQjKQz?editors=0010 by GreenSock (@GreenSock) on CodePen