CSS3 抗鋸齒

CSS3 抗鋸齒是CSS3中一個非常重要的功能，它可以讓文本和圖形呈現更加清晰，減少鋸齒感。在CSS3中，抗鋸齒功能主要通過 text-rendering 屬性來實現。

text-rendering 屬性定義文本的呈現方式。它有多個屬性值，其中包括“auto”、"optimizeSpeed"、"optimizeLegibility"、"geometricPrecision" 等，其默認值是自動（auto）。如果想要實現抗鋸齒效果，可以將 text-rendering 屬性設置為 "geometricPrecision"。

p{
text-rendering: geometricPrecision;
}

需要注意的是，如果把 text-rendering 屬性設置為 "geometricPrecision"，文本呈現效果會發生改變。這種方法適用于打印或展示需要清晰文本效果的頁面。但是，對于使用大量文本的網頁，設置為 "geometricPrecision" 可能會導致性能問題。

CSS3 抗鋸齒的使用可以有效提升頁面的視覺體驗，讓頁面呈現更加平滑，更加舒適。