Wie stelle ich Textschatten in CSS3 ein? So legen Sie Textschatten mithilfe von Textschatten in CSS3 fest

Es gibt viele Attribute in CSS3, die sehr praktisch und prägnant zu verwenden sind. Daher wird Ihnen im heutigen Artikel das Text-Shadow-Attribut in CSS3 vorgestellt. Dieses Attribut kann der Schriftart Schatten hinzufügen Das Attribut -shadow legt zugehörige Attributwerte fest. Werfen wir einen Blick auf den spezifischen Inhalt der Verwendung von Textschatten zum Festlegen von Textschatten in CSS3.

Schauen wir uns zunächst die Eigenschaft text-shadow genauer an.

text-shadow-Attribut: In CSS3 können Sie das text-shadow-Attribut verwenden, um dem Text auf der Seite einen Schatteneffekt hinzuzufügen. Sie können einige gewünschte Effekte erzielen, indem Sie relevante Attributwerte festlegen ​​auf das text-shadow-Attribut reduziert der Schriftschatteneffekt die Verwendung von Bildern.

So verwenden Sie das Textschattenattribut: Textschatten: X-Achse Y-Achse Rpx-Farbe

Attributbeschreibung (entsprechende Reihenfolge): Schattenwert) Die Y-Achse von der Schatten (negative Werte können verwendet werden) Der Schattenunschärfewert (Radiusgröße) Die Farbe des Schattens.

Als nächstes werfen wir einen Blick auf ein kleines Beispiel für CSS3-Einstellung von Textschatten:

<h1>PHP中文网文字阴影</h1>

h1{
    text-shadow: 2px 3px 1px pink;
     color:blue;
}

Der Effekt von CSS3-Einstellung von Textschatten ist wie folgt:

Erklärung:

1) Verschiebungsabstand: Unter den von Text-Shadow verwendeten Parametern sind die ersten beiden Parameter die horizontale und vertikale Verschiebung des Schatten vom Text entfernt. Diese beiden Parameter müssen bei Verwendung angegeben werden.

2) Schattenunschärferadius: Der dritte Parameter des Textschattenattributs ist der Schattenunschärferadius, der den Unschärfebereich darstellt der Schatten verschwimmt nach außen;

3) Schattenfarbe: Der vierte Parameter des text-shadow-Attributs ist die Farbe, die beim Zeichnen des Schattens verwendet wird. Er kann vor oder nach den drei Parametern platziert werden. Wenn kein Farbwert angegeben ist, wird der Farbwert des Textes verwendet.

Das obige ist der detaillierte Inhalt vonWie stelle ich Textschatten in CSS3 ein? So legen Sie Textschatten mithilfe von Textschatten in CSS3 fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!