CSS transition-property:all;性能

时间:2017-01-22 00:28:48

标签: css css3 animation css-transitions css-animations

我很好奇使用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,那么浏览器必须观察所有属性的变化和(如果它们是可动画的属性)。我单独指定每个属性的第二个示例是否会更好,因为浏览器只需要查看这些属性以进行更改?

在此先感谢,我一直对此感到好奇。

0 个答案:

没有答案