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