Tag: blurry

WebKit：模糊的文本与CSS规模+ translate3d

Chrome浏览器和其他WebKit浏览器大量模糊了也应用了translate3d的任何CSS缩放内容。 这是一个JS小提琴： http : //jsfiddle.net/5f6Wg/ 。 （在Chrome中查看） .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 – 这里的要点是将代码剥离到最基本的地方。