-webkit-transform:在iPad上翻译块状渲染

时间:2012-07-29 08:24:08

标签: ipad css3 gpu webkit-transform translate3d

所以我理解translate / translate3d使用GPU,但由于某种原因,它导致大型图形在iPad上以块/块的形式呈现。在使用翻译时,我很难找到任何声明图像最大宽度/高度的地方。

我希望能够在转换属性上使用css转换,但由于此问题无法解决。甚至css过渡到顶部'与使用像jQuery.animate()这样的东西相比,属性的执行速度要慢。

对此有何建议?

1 个答案:

答案 0 :(得分:5)

我有完全相同的问题,并且在这个小小的CSS宝石上取得了很大的成功:

-webkit-backface-visibility: hidden;

我发现将这个添加到任何正在动画的元素中解决了“块状”渲染。在某些情况下,我还必须将其添加到子元素,例如。我有一个大的包装div,并使用translateX来调整x位置。我将CSS的神奇线条添加到包装器div,以及该div的直接子节点(这是我的内容区域)。玩弄它,你希望它能整理出来!