大佬教程收集整理的这篇文章主要介绍了css3 – WebKit:模糊的文本与CSS规模translate3d,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这里是一个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 – 这里的要点是将代码剥离到裸的必需品。
看这里:
http://jsfiddle.net/SfKKv/
注意,抗锯齿仍然是低调的(茎已经丢失),所以我加强了文本与一些文本阴影。
以上是大佬教程为你收集整理的css3 – WebKit:模糊的文本与CSS规模translate3d全部内容,希望文章能够帮你解决css3 – WebKit:模糊的文本与CSS规模translate3d所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。