CSS 改变性能

标签 css webkit css-transforms

我想知道 -webkit-transform: translate(5px, 5px) 之间有什么区别和 -webkit-transform: translateX(5px) translateY(5px)

有什么性能差异吗?因为translateX也用于 3D 变换。所以我的问题是:计算变换有什么不同吗?我可以这么说吗translateX更快,因为它使用 GPU?是吗?

如何衡量性能?

最佳答案

不,但是 -webkit-transform: translate3d(5px, 5px, 0) 会更快。您输入的两种语法相同,我使用的是 3d 上下文。

关于CSS 改变性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7750979/

相关文章:

html - CSS 旋转箭头具有幻象高度

html - 选中选项卡时隐藏内容

html - 向 CSS 网格布局中的每一列添加滚动

epub 中的 css3 webkit keuframe 规则

css - webkit-filter 中断溢出 : hidden

google-chrome - 为什么某些 CSS 属性的转换缓慢且不流畅

javascript - 如何阻止标题在 chrome 中重新加载

html - <code>标签背景色不填充元素

iphone - 在 iPhone 上的 UIWebView 中检测 HTML5 <video> 上的触摸

CSS 转换不适用于内联元素