javascript - 通过指定 css 规则应用的时间点来加速 javascript 动画

标签 javascript animation

假设我在一个页面上有 10 个元素。

目前,我正在循环中迭代它们,改变宽度和位置:

el[i].style.width = ....
el[i].style.left = ....

我想知道如果我告诉浏览器在循环完成后仅重新渲染所有元素一次,动画是否可以运行得更快

最佳答案

使用 CSS3 速度更快,而且您需要编写的代码也会少很多,看看这个 Jsbin ,我刚刚做了两个例子,一个是 transition (.anima2) 和另一个 animation (.anima)。使用 JS,您只需应用和删除类。

关于javascript - 通过指定 css 规则应用的时间点来加速 javascript 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14693295/

相关文章:

javascript - 如何避免创建多个 if/语句和/或函数实例

动态改变高度的 Angular 动画

javascript - 我想在 javascript 中显示多个错误

javascript - ExtJS 6 中的自定义网格过滤器

javascript - 函数参数中的解构赋值到底是如何工作的?

HTML & CSS 进度条不会停在最后

javascript - 仅在第二次操作后添加 animate.css 动画工作

javascript - 在 Web 上的 Firebase 中将电话号码与 Facebook 和 Gmail 帐户相关联

javascript - 如何使用 react 过滤数据?

javascript - 回调 JavaScript 动画