【发布时间】:2015-08-10 15:54:38
【问题描述】:
出于好奇,如果您使用特定属性(例如transition: color .3s,针对一般属性transition: all .3s?
【问题讨论】:
标签: css performance browser transition
出于好奇,如果您使用特定属性(例如transition: color .3s,针对一般属性transition: all .3s?
【问题讨论】:
标签: css performance browser transition
让浏览器控制动画序列可以通过改变帧速率、最小化绘制和将部分工作卸载到 GPU 来优化性能和效率。
all 与 color 在上述情况下的性能损失(如果有)应该可以忽略不计(微秒)。
更多详情请见here。
【讨论】:
如果只是颜色发生变化,它们的表现应该相似,但它会适用于给定元素的样式的任何变化。大多数现代浏览器可能无法察觉差异(如果有的话)。
很可能会优化“所有”以确保仅遵循必要的规范。
因此,唯一需要考虑的是另一个属性会发生变化的可能性,并且您不希望对其进行 0.3s 过渡。
【讨论】:
有很多资料可以解释 CSS 中动画和过渡的性能问题。在我看来,我找到的最好的解释是at the Adobe website
【讨论】: