css3 新特性

2024年2月14日 208次阅读 来源: 666888

font-smoothing

在photoshop中，对于文本我们可以设置锐利、犀利、浑厚、平滑，在css3中也新增了这个类型的特性，就是font-smoothing属性。
font-smoothing:subpixel-antialiased | none | antialiased

  • none——用于小像素的文本
  • subpixel-antialiased——浏览器默认的
  • antialiased——反锯齿

font-smoothing也有兼容问题，需要带不同内核：

-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;

backface-visibility

backface-visibility是css3新增的属性，指当元素不面向屏幕时是否可见。
backface-visibility:visible | hidden;

  • visible——背面是可见的。
  • hidden——背面是不可见的。

backface-visibility:hidden;也有兼容性问题，需要带不同内核。

-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
    原文作者：666888
    原文地址: https://segmentfault.com/a/1190000016365249
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞