8

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

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

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

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

4

1 回答 1

2

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

于 2015-04-16T19:50:48.517 回答