我偶然发现了一个大问题,即firefox无法以正常质量呈现scale()
,所以我决定去设置width/height/top/left
并转换它。但是现在镀铬质量很低,几乎是5-8 FPS,而且之间只有滞后,并显示出最终结果。
我读过如果你想触发Chrome渲染的GPU渲染,你只需要将translate3d()
或'translateZ()'添加到你的-webkit-transform
值,但它将不再有帮助。
另一件事是,我不能真正依赖计算机的GPU性能,因为我需要尽可能顺利地平滑动画。
答案 0 :(得分:1)
为了触发GPU渲染,您添加了以下内容:
.selector {
transform: scale(1) rotate(0deg) translate3d(0,0,0);
}
即使translate3d为0,0,0也会触发硬件加速,但是如果没有看到你的代码,我不确定还有什么可以推荐的?