javascript - 元素旋转不流畅

标签 javascript css html cordova animation

<分区>

我正在开发一款 HTML5 游戏,它是关于不断旋转 div 元素并向其添加元素的。

我注意到旋转并不像应有的那样平滑和规则,有时可以注意到小的跳跃。

我使用带有旋转变换的 setInterval 来创建效果,但它确实很糟糕且不稳定。然后我更改了代码以使用 requestAnimationFrame,它变得更好但仍然不完美,并且限制了速度控制。

我也在使用这个 CSS 代码将动画处理传递给 GPU:

transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000;

-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

有人知道我还能做些什么来改进动画吗?看起来很简单,用 cordova 一次动画就可以了,但是当我们需要让一些元素不断地动画时,性能并不是很好。

最佳答案

你看看这个另一个问题吗? CSS3 Spin Animation

是一样的吗?

关于javascript - 元素旋转不流畅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30454317/

相关文章:

javascript - 自定义 Google 可视化表中的排序列

javascript - 如何在 Node 的 FileSystem.readfile cb 中对逻辑进行单元测试

html - 关闭 HTML 和 CSS 中的属性值

html - 如何为圆形图像设置阴影(css)

jQuery fadeIn 函数不起作用

css - 为什么 <a> 标签在应用悬停背景时给出与 <li> 标签不同的输出?

javascript - jquery代码中e的用途和含义是什么

Javascript结束ajax-loader.gif

html - 点赞按钮的 CSS 中心

javascript - jQuery 可排序自己的元素作为占位符