So beseitigen Sie Aliasing in CSS

Methoden zur Eliminierung von Aliasing: 1. Verwenden Sie das Attribut -webkit-font-smoothing, die Syntax „-webkit-font-smoothing:antialiased“ 2. Verwenden Sie das Transformationsattribut, die Syntax „transform:translateZ(0)“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Es gibt viele CSS-Methoden, um Aliasing im Internet zu eliminieren (alle basieren auf CSS3, nicht anwendbar unter IE8. Ich habe einige Statistiken erstellt und sie sind ungefähr die folgenden).

Verwenden Sie -webkit-font-smoothing, um den Text zu glätten (um ehrlich zu sein, gibt es keinen großen Unterschied ...)

Syntax:

-webkit-font-smoothing: antialiased;

CSS3-Transformation Rotieren (Rotieren) gezackte Lösung:

Wir müssen es nur einfach tun Fügen Sie TranslateZ(0) zum CSS3-Transformationsattribut hinzu. Beispiel:

-webkit-transform: rotate(5deg) translateZ(0);

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo beseitigen Sie Aliasing in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!