当前位置：文江博客话题详情

WebKit 是否使用 OpenGL 来渲染 CSS 过渡？

发布于 2024-11-18 11:20:50 字数 45 浏览 4 评论 0原文

WebKit 是使用 OpenGL 来渲染 CSS 过渡，还是使用软件渲染？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浪荡不羁 2024-11-25 11:20:50

WebKit 只是一个前端。这取决于后端和硬件支持。 Google Chrome 使用 skia 作为后端，它可以使用软件或硬件。所以答案是，这取决于后端的实现及其运行的硬件。

回复收藏 0 原文

薄情伤 2024-11-25 11:20:50

据我所知，使用转换的唯一硬件加速属性是 translate3d transform。

例如：

// Normal
div{
    -webkit-transition: all 0.5s ease-out;
}

// Adding class to animate
div.transformed{
    -webkit-transform: translate3d(100px, 100px, 0);
}

如果您仅使用 translate 变换或对任何其他属性进行动画处理，则它不会进行硬件加速。

From what I know the only hardware accelerated property using transitions is the translate3d transform.

Eg:

// Normal
div{
    -webkit-transition: all 0.5s ease-out;
}

// Adding class to animate
div.transformed{
    -webkit-transform: translate3d(100px, 100px, 0);
}

If you use just the translate transform or animate any other property it won't be hardware accelerated.

回复收藏 0 原文

~没有更多了~