Heim > Artikel > Web-Frontend > Können CSS3-Schriftarten unscharf gemacht werden?
Können CSS3-Schriftarten unscharf gemacht werden?
- 藏色散人Original
- 2021-01-28 09:47:542895Durchsuche
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.
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
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>Rendering:
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!