使用 javascript 暂停 CSS 动画并跳转到动画中的特定位置

Question

我有一个完全用 CSS 动画构建的无尽滑块，我希望能够使用 javascript（onlcick 和键盘输入）操纵动画。我希望能够从一帧快速运行动画，即加速它......到另一帧以在按下指向滑块中特定图像的按钮时产生跳跃效果。另外，我希望能够通过键盘输入逐步完成动画...（ --> ， <-- ）

有谁知道如何实现这一目标？

在点击..

1. 检索当前关键帧位置；
2. 为目的地设定适当的方向；
3. 大大提高动画速度，直到达到所需的关键帧；
4. 暂停动画或从新点继续

键盘输入…

1. 跳转到特定的关键帧并继续动画

Answer 1

尝试这个：

http://css-tricks.com/controlling-css-animations-transitions-javascript/

希望这有助于解决您的问题！