javascript - 为什么 Web Animation API reverse() 会导致我的动画跳转？

Question

各地的文档都说reverse()在播放动画时调用与设置playbackRate为 -1 相同，但我的动画在使用时会像疯了一样跳跃reverse()。playbackRate工作正常。我真的很想使用reverse()，因为它是独立于状态的，但恐怕我不明白。

我在这里有一个关于代码框的旋转方块的小例子：

https://codesandbox.io/s/small-browser-1bkdt?file=/src/index.js

我做错了什么还是reverse()不那么简单？

更新：

• 这可能是一个 Codesandbox 错误，因为@Kaiido 的这个小提琴工作正常。

• 我正在使用 Firefox 75.0 和 MacOS。铬似乎工作正常。

Answer 1

从这个代码框问题中可以清楚地看出，可以通过在sandbox.config.json. 在项目开始正常工作之前，我还必须分叉该项目。这可能不是 Firefox 的问题。