对一个大区域或许多小区域进行动画翻译是否更好？

Question

我正在开展一个有很多很多动画的项目。我一直坚持表现最佳的属性 - 翻译，不透明度，规模等。但我仍然遇到移动性能问题。我必须在这里和那里插入一些新的dom元素，但我尝试在动画之间插入。我认为可能会减慢速度的一件事是我有一个大的div被翻译了很多其他元素。 （想想轮播）。我开始认为也许可以通过同时动画单个元素来提高性能，但是我在搜索时找不到任何证据。

有人知道一种方法是否更好？有一些文件来备份索赔会很棒！我只是重构项目并为自己找到答案，但是我反对截止日期，而且我不想将整个项目拆分为预感。

提前致谢！

Answer 1

翻译父母而不是所有孩子会更好。 问题是你想要动画很多元素。

您是否尝试过使用硬件加速？ 这不是正确的方式，但目前是唯一一个做这些事情的人。

.anim {
   ...
   transform: translateZ(0);
   ...
}