Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

不言
Freigeben: 2018-09-25 11:33:37
Original
4449 Leute haben es durchsucht

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>
Nach dem Login kopieren
h1{
    text-shadow: 2px 3px 1px pink;
     color:blue;
}
Nach dem Login kopieren

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

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage