[BUG] Setting the speed value of the new animate feature to -1 does not reverse play.

[sukjae]

1. Describe the bug

Setting the speed value of the new animate feature to -1 does not reverse play as mentioned in the document.

https://www.framer.com/motion/animate-function/###speed

2. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/s/great-cherry-pxgogh?file=/src/App.js:1073-1219

3. Steps to reproduce

1. open codesandbox
2. click play button on reverse section (This is the bottom example.)

5. Expected behavior

A clear and concise description of what you expected to happen.

const animation = animate(".four", { x: [0, 100] });
animation.speed = -1;

I expected to start at 100 and end at 0 and then stay fixed at 0.

However, only a slight shaking occurs at the moment, but it does not work.

[mattgperry]

It will play from its current position. So you'd first need to set

animation.time = animation.duration

[sukjae]

It will play from its current position. So you'd first need to set

animation.time = animation.duration

Unfortunately, it still doesn't work. Will this PR solve the problem by any chance? @mattgperry 🙏

#2068

Sample Code: https://codesandbox.io/s/thirsty-firefly-d0zv50?file=/src/App.js

[mattgperry]

Yeah I believe so