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

时间:2013-02-23 00:10:10

标签: css3 css-transitions

我经常发现自己会在许多事情上添加过渡,而且往往是相同的过渡。只做像

这样的性能成本是多少
* { 
   transition: all 200ms ease; //with prefixes, of course
}

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

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

1 个答案:

答案 0 :(得分:2)

当它们没有转换时,它们不会消耗额外的资源,所以在渲染后它们是相同的,假设你已经删除了所有不必要的转换。