我很好奇使用transition: all 0.2s;
与明确指定属性有任何性能影响。让我告诉你我的意思:
.button {
// I want to transition the border- & background-color on hover
border-color: lime;
background-color: red;
// I could specify `all` as the property to transition...
transition: all 0.2s ease-in;
// ...but is it more performant to write it this way?
transition: border-color 0.2s ease-in,
background-color 0.2s ease-in;
// Here's the :hover state:
&:hover {
border-color: blue;
background-color: green;
}
}
我觉得如果你指定all
,那么浏览器必须观察所有属性的变化和(如果它们是可动画的属性)。我单独指定每个属性的第二个示例是否会更好,因为浏览器只需要查看这些属性以进行更改?
在此先感谢,我一直对此感到好奇。