Können CSS3-Schriftarten unscharf gemacht werden?-CSS-Tutorial-php.cn

Können CSS3-Schriftarten unscharf gemacht werden?

藏色散人

Freigeben： 2022-12-30 11:12:51

Original

2897 Leute haben es durchsucht

CSS3-Schriftarten können unscharf sein; Entwickler können das Filterattribut in CSS3 verwenden, um den Schriftunschärfeeffekt zu erzielen. Die Filtersyntax lautet „filter: Blur(px);“ und ihr Filterattribut definiert den visuellen Effekt des Elements.

Können CSS3-Schriftarten unscharf gemacht werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, DELL G3-Computer.

Empfohlen: CSS-Video-Tutorial

Wir können das CSS3-Filterattribut verwenden, um den Schriftunschärfeeffekt zu erzielen; Syntax: Filter: Unschärfe(px);

Das Filterattribut definiert die Sichtbarkeit des Elements (normalerweise Können CSS3-Schriftarten unscharf gemacht werden?

Der Attributwert „blur(px)“ kann die Gaußsche Unschärfe für das Bild festlegen. Der „Radius“-Wert legt die Standardabweichung der Gaußschen Funktion fest, also wie viele Pixel auf dem Bildschirm zusammengefügt werden. Je größer der Wert, desto unschärfer ist er kann den CSS-Längenwert festlegen, Prozentwerte werden jedoch nicht akzeptiert.

Beispiel:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            .blur {
-webkit-filter: blur(1px); /* Chrome, Opera */
-moz-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}
        </style>
    </head>
    <body>
    <p>正常字体</p>
        <p class="blur">模糊的字体</p>
    </body>
</html>

Nach dem Login kopieren

Rendering:

Können CSS3-Schriftarten unscharf gemacht werden?

Das obige ist der detaillierte Inhalt vonKönnen CSS3-Schriftarten unscharf gemacht werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!