在所有元素上应用CSS转换是性能问题吗？

我想在我的网站上添加一些CSS转换，这样悬停会影响淡入/淡出效果，这将是一个不错的选择。我在想一个非常简单的方法是使用下面的代码：

a, div, input, button{

   -webkit-transition: background .5s;
    transition: background .5s;
}

这将使任何背景变化淡入/淡出。当然，并不是我网站上的每个a、div、input和button在悬停时都有背景变化，所以你不会到处看到过渡。但这让我怀疑，如此广泛地应用这种转换是否会导致浏览器性能问题，尤其是在手机上

---

那你觉得呢？是否可以像上面那样实施？或者我应该只将转换应用到它将应用的特定元素/类吗？

与普通站点相比，在站点上添加转换/动画会给内存和/或cpu增加一些过载，但实际上我从未发现CSS转换/动画是性能瓶颈。所以你可以随心所欲地使用它们

但您应该只在需要的地方添加它们。不必要地添加它们可能会导致错误的用户体验

CSS动画、CSS转换和 当前选项卡打开时，Javascript的requestAnimationFrame（）暂停 被推到后台

---

如果您感兴趣，您应该

与普通站点相比，在站点上添加过渡/动画会给内存和/或cpu增加一些过载，但实际上我从未发现CSS过渡/动画是性能瓶颈。所以你可以随心所欲地使用它们

但您应该只在需要的地方添加它们。不必要地添加它们可能会导致错误的用户体验

CSS动画、CSS转换和 当前选项卡打开时，Javascript的requestAnimationFrame（）暂停 被推到后台

---

如果您感兴趣，您应该

转换某些属性，例如

left

和

margin

会导致浏览器在每一帧重新计算样式。这可能是为数不多的能够显著提高性能的情况之一

---

除此之外，你想用多少就用多少是相当安全的，但是正如@SUJEET JAISWAL所说的那样，只要确保它不会因为太过火而产生不好的用户体验

转换某些属性，例如

左

和

边距

会导致浏览器在每一帧重新计算样式。这可能是为数不多的能够显著提高性能的情况之一

---

除此之外，你想用多少就用多少是相当安全的，但是正如@SUJEET JAISWAL所说的那样，只要确保它不会因为太过火而产生不好的用户体验

为了安全起见，为什么不将类应用于所有可能显示转换的元素？您的性能问题只与您的目标元素集一样大，选择这些元素非常简单。此外，您还可以在您可能无法预料的地方避免意外行为或副作用。为了安全起见，为什么不将类应用于所有可能显示转换的元素？您的性能问题只与您的目标元素集一样大，选择这些元素非常简单。你还可以在你意想不到的地方避免意外行为或副作用。