分享二个css3属性antialiased;与 grayscale;

久伴
久伴
久伴
668
文章
542
评论
2020年8月5日10:51:57 评论 87 315字阅读1分3秒

前言  分享二个可以使网站字体抗锯齿高清的CSS属性

CSS3里面加入了一个“-webkit-font-smoothing”属性。

这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。

加上之后就顿时感觉页面小清晰了。 淘宝也在用哦!

它有三个属性:

none                                     ------ 对低像素的文本比

较好 

subpixel-antialiased                ------默认值 

antialiased                             ------抗锯齿很好

例子:

body{ 

-webkit-font-smoothing: antialiased; 

}

国外某网站例子

-moz-osx-font-smoothing: inherit | grayscale

这个属性也是更清晰的作用,特别是图标文字流行的今天。

久伴
分享一下前端table表格自适应方案 HTML+CSS

分享一下前端table表格自适应方案

现在前端框架满天飞,bootstrap,mdui,meiziUI,element等等框架,使用框架自带的table类基本三二分钟就搞定一个自适应的table表格,但是实现的方案,大家了解吗 久伴在一次...
css自定义a标签下划线动画效果 HTML+CSS

css自定义a标签下划线动画效果

具体效果可以通过鼠标移动到本站文章中的超链接上面查看 鼠标移动到我查看效果 效果图演示 HTML代码 <p>Lorem ipsum dolor <a class="fancy-lin...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: