css教程css如何消除锯齿

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

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

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

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

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

语法：

-webkit-font-smoothing: antialiased;

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

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

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

推荐学习：css视频教程

以上就是css如何消除锯齿的详细内容，更多请关注zzsucai.com其它相关文章！