将CSS转换放在所有元素上的成本

Question

我经常发现自己在很多事情上添加过渡,而且往往是相同的过渡.只做类似事情的性能成本是多少

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

只是设置一个transition-property: none;你特别不希望转换的元素？它是否会少于在整个代码中添加多个转换语句所需的代码量？

编辑:对于那些想知道应用于DOM的复杂性的人,假设它是一个复杂的web-app-type DOM.我问的原因是因为页面上的许多元素没有移动,因此不需要转换.我很好奇这是否相关,只是将转换分配给所有元素对性能有害.

Answer 1

当它们不进行转换时，它们不会消耗额外的资源，因此渲染后它是相同的，假设您已删除所有不必要的转换。