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

在所有元素上放置CSS转换的成本,css,css-transitions,Css,Css Transitions,我经常发现自己在很多事情上添加了过渡,而且它们通常都是相同的过渡。仅仅做这样的事情的性能成本是多少 * { transition: all 200ms ease; //with prefixes, of course } 只需设置一个转换属性:none到您特别不想转换的元素?它是否会少于在整个代码中添加多个转换语句所需的代码量 编辑:对于那些想知道这个应用到的DOM的复杂性的人,假设它是一个复杂的web应用类型DOM。我问这个问题的原因是因为页面上的许多元素不移动,因此不需要转换。我很

我经常发现自己在很多事情上添加了过渡,而且它们通常都是相同的过渡。仅仅做这样的事情的性能成本是多少

* { 
   transition: all 200ms ease; //with prefixes, of course
}
只需设置一个
转换属性:none到您特别不想转换的元素?它是否会少于在整个代码中添加多个转换语句所需的代码量


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

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

第二个问题的答案完全取决于您要向其中添加转换的元素数量。您可能需要一个Cray来呈现复杂的页面^^@AndreaLigios什么是Cray?lol。。。传统超级计算机对于那些知道我在问什么的人来说,一个合适的答案可能是,“对于应用转换的每个元素,浏览器必须执行X操作,这会带来Y的性能损失。现代计算机可以处理[n(Y)性能损失]不跳过一个节拍,但如果你跳过它,你会降低页面的响应速度。[但是,如果元素不移动,则不会发生/仍然会发生上述惩罚]”