css3 新特性

666888發表於2018-09-12

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;