转换scale()与不同浏览器中的宽度/高度

时间:2013-01-29 12:45:06

标签: css3 webkit gpu css-transitions mozilla

我偶然发现了一个大问题,即firefox无法以正常质量呈现scale(),所以我决定去设置width/height/top/left并转换它。但是现在镀铬质量很低,几乎是5-8 FPS,而且之间只有滞后,并显示出最终结果。

我读过如果你想触发Chrome渲染的GPU渲染,你只需要将translate3d()或'translateZ()'添加到你的-webkit-transform值,但它将不再有帮助。

另一件事是,我不能真正依赖计算机的GPU性能,因为我需要尽可能顺利地平滑动画。

1 个答案:

答案 0 :(得分:1)

为了触发GPU渲染,您添加了以下内容:

.selector { transform: scale(1) rotate(0deg) translate3d(0,0,0); }

即使translate3d为0,0,0也会触发硬件加速,但是如果没有看到你的代码,我不确定还有什么可以推荐的?