css - 在所有元素上放置 CSS Transitions 的成本

Question

我经常发现自己给很多东西添加了过渡，而且它们通常是相同的过渡。仅做类似的事情的性能成本是多少

* { 
   transition: all 200ms ease; //with prefixes, of course
}

并且只是设置一个 transition-property: none; 到您特别不想转换的元素？它会少于在整个代码中添加多个转换语句所需的代码量吗？

编辑:对于那些想知道它所应用的 DOM 的复杂性的人，假设它是一个复杂的网络应用类型的 DOM。我问的原因是因为页面上的许多元素不会移动，因此不需要转换。我很好奇这是否相关，仅仅为所有元素分配过渡不利于性能。

Answer 1

当它们不进行过渡时，它们不会消耗额外的资源，因此在渲染之后是一样的，假设您已经删除了所有不必要的过渡。