Tag: translate3d

根据元素高度和宽度翻译X和Y百分比值？

翻译一个元素Y轴50％会将其移动到其自身高度的50％，而不是我所期望的父母高度的50％。 如何告诉翻译元素将它的翻译百分比基于父元素？ 还是我不明白什么？ http://jsfiddle.net/4wqEm/2/

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 – 这里的要点是将代码剥离到最基本的地方。