css如何消除锯齿-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

消除锯齿的方法：1、使用-webkit-font-smoothing属性，语法“-webkit-font-smoothing:antialiased”；2、使用transform属性，语法“transform:translateZ(0)”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

网上有很多消除锯齿的css方法（都是css3的，IE8以下不适用），我统计了一下，大致是以下几种。

使用-webkit-font-smoothing可以使文字变平滑（说实话，并没有多少区别。。）

语法：

1	`-webkit-font-smoothing: antialiased;`

CSS3 transform rotate（旋转）锯齿的解决办法:

我们只要简单的在CSS3 transform属性中加入translateZ(0)。例：

1	`-webkit-transform: rotate(5deg) translateZ(0);`

推荐学习：css视频教程

以上就是css如何消除锯齿的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者