我想以固定的速度旋转一个正方形,然后在动画期间的某个时刻,我想加快它的速度。
这是我的尝试:
http://codepen.io/JAStanton/pen/uzfji
到目前为止,但在 Safari 中它会闪烁。其他想法是使用纯 JavaScript 制作动画,尽管这在移动设备上有一些性能成本。
想法?
我想以固定的速度旋转一个正方形,然后在动画期间的某个时刻,我想加快它的速度。
这是我的尝试:
http://codepen.io/JAStanton/pen/uzfji
到目前为止,但在 Safari 中它会闪烁。其他想法是使用纯 JavaScript 制作动画,尽管这在移动设备上有一些性能成本。
想法?
这可以通过链接 2 个动画来实现:
-webkit-animation: mymove 4s linear 0s, mymove2 2s linear 4s;
第二个将在延迟 4 秒后运行,因此您不必监听事件。此外,您可以通过使用自定义贝塞尔曲线通过缓动功能实现此效果
这是你想要的吗:http: //jsfiddle.net/jtYCW/