我有一个关于css3转换属性的渲染速度的问题。
假设我有一些元素:
div, span, a {transition: all}
div {margin: 2px}
span {opacity: .5}
a:hover {background-position: left top}
div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}
使用一个声明div, span, a {transition: all}
来定位所有这些元素的所有转换要高效得多。但我的问题是:在动画渲染的流畅性和快速性方面,针对每个元素的特定过渡属性是否会“更快”?例如:
div {margin: 2px; transition: margin .2s ease-in}
span {opacity: .5; transition: opacity .2s ease-in}
a {background-position: left top; transition: background .2s ease-in}
div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}
我问这个问题的逻辑是,如果css“引擎”必须搜索“所有”转换属性,即使一个元素只有一个属性,它也可能会减慢速度。
有没有人知道是不是这样?谢谢!
https://stackoverflow.com/questions/8947441
复制相似问题