首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS3过渡:"transition: all“比"transition: x”慢吗?

CSS3过渡:"transition: all“比"transition: x”慢吗?
EN

Stack Overflow用户
提问于 2012-01-21 04:25:32
回答 1查看 19.6K关注 0票数 87

我有一个关于css3转换属性的渲染速度的问题。

假设我有一些元素:

代码语言:javascript
复制
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}来定位所有这些元素的所有转换要高效得多。但我的问题是:在动画渲染的流畅性和快速性方面,针对每个元素的特定过渡属性是否会“更快”?例如:

代码语言:javascript
复制
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“引擎”必须搜索“所有”转换属性,即使一个元素只有一个属性,它也可能会减慢速度。

有没有人知道是不是这样?谢谢!

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8947441

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档