0
0
醉折花枝作酒筹
发布时间：2021-06-01 17:08:10
|3827人浏览过
|来源于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可以使文字变平滑（说实话，并没有多少区别。。）
语法：
立即学习“前端免费学习笔记（深入）”；
-webkit-font-smoothing: antialiased;
CSS3 transform rotate（旋转）锯齿的解决办法:
我们只要简单的在CSS3 transform属性中加入translateZ(0)。例：
-webkit-transform: rotate(5deg) translateZ(0);
推荐学习：css视频教程
相关文章
css 想让侧边栏固定主内容自适应怎么办_使用 css flex sidebar+content 布局
css grid 布局适应不同设备_自适应布局管理
css表格布局属性_table-layout与border-collapse属性设置
css 想实现等分网格布局怎么办_grid-template-columns repeat auto-fit 1fr
css 想让菜单显示隐藏时有动画效果怎么办_使用高度和透明度过渡实现平滑展开
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
