我看到一个问题，其中Chrome和其他WebKit浏览器使任何同时应用了transform3d的css缩放内容严重模糊。

.test {

  -webkit-transform: translate3d(0px, 100px, 0px);

}



.testInner

{

  /*-webkit-transform: scale(1.2);*/

  -webkit-transform: scale3d(1.2, 1.2, 1);

  text-align: center;

}


<div class="test">

  <div class="testInner">

    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.

  </div>

</div>

有任何已知的解决方法吗？在上面的简单示例中，我得到了答案，我可以简单地使用translate而不是translate3d-这里的重点是将代码剥离为基本要素。