Detaillierte Erklärung der CSS3-Textschatteneigenschaft Textschatten

Textschatten-Textschatten-Eigenschaftseffekte:

1. Schatten der unteren rechten Ecke, Schatten der unteren linken Ecke, Schatten der oberen linken Ecke, Schatten der oberen rechten Ecke

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<!DOCTYPE html >
< html lang = "en" >
<Kopf>
< Meta Zeichensatz = "UTF-8" >
<Titel> Textschatten </Titel>
< Stil >
P{
Textausrichtung: zentriert;
Rand: 0;
Schriftfamilie: Helvetica, Arial, Sans-Serif;
Farbe: Nr. 999;
Schriftgröße: 80px;
Schriftstärke: fett;
Textschatten: 10px 10px #333;
}
</ Stil >
</ Kopf >
< Textkörper >
< p > Textschatten </ p >
</ Körper >
</ html >

Der Texteffekt ist:

Wenn Sie Textschatten in „text-shadow:-10px 10px #333“ ändern, erscheint in der unteren linken Ecke ein Schatten.

Ändern Sie den Textschatten in: text-shadow:-10px -10px #333 und in der oberen linken Ecke wird ein Schatten angezeigt.

Ändern Sie den Textschatten in: Textschatten: 10px -10px #333, und in der oberen rechten Ecke wird ein Schatten angezeigt.

2. Verwenden Sie Textschatten, um einen 3D-Texteffekt zu erstellen

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<!DOCTYPE html >
< html lang = "en" >
<Kopf>
< Meta Zeichensatz = "UTF-8" >
<Titel> Textschatten </Titel>
< Stil >
P{
Textausrichtung: zentriert;
Rand: 0;
Schriftfamilie: Helvetica, Arial, Sans-Serif;
Farbe: Nr. 999;
Schriftgröße: 80px;
Schriftstärke: fett;
Textschatten: -1px -1px #fff,
1px 1px #333;
}
</ Stil >
</ Kopf >
< Textkörper >
< p > Textschatten </ p >
</ Körper >
</ html >

Die obige ausführliche Erklärung der Textschatteneigenschaft von CSS3-Text ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

<<: Der Prozess des Aufbaus einer Lampenarchitektur durch einen Docker-Container

>>: Die heißesten Trends im Webdesign UI im Jahr 2013 Die beliebtesten UI-Designs

Beispiel für die Verwendung des href-Attributs und des onclick-Ereignisses eines Tags

Detaillierte Erklärung der CSS3-Textschatteneigenschaft Textschatten

Beispiel für die Verwendung des href-Attributs und des onclick-Ereignisses eines Tags

Detaillierte Erläuterung verschiedener praktischer Verwendungen virtueller Gerätedateien im Linux-System

MySQL-Volltextindex, um eine einfache Version des Suchmaschinen-Beispielcodes zu erreichen

Das Prinzip und die Implementierung des JS-Drag-Effekts

HTML Tutorial: Sammlung häufig verwendeter HTML-Tags (4)

JavaScript zum Implementieren einer einfachen Uhr

Grafisches Tutorial zur Installation der MySQL-Datenbank und Konfiguration von Umgebungsvariablen auf dem Mac

Zusammenfassung des Wissens zu CSS-Injection

Seitenlayout für Bootstrap 3.0-Lernnotizen

CSS-Stil zurücksetzen und löschen (damit verschiedene Browser den gleichen Effekt anzeigen)

Artikel empfehlen

Tutorial zur Installation und Konfiguration der Version MySQL 5.7.23

Analyse des Prinzips des MySQL-Extraktionsmodus für große Tabellen aus der Perspektive des Cloud-Datenmigrationsdienstes

So implementieren Sie Eingabe-Checkboxen zur Erweiterung der Klickreichweite

Neue Möglichkeiten zum Spielen mit CSS-Schriftarten: Implementierung farbiger Schriftarten

Der Unterschied zwischen method=post/get in Form

Verwenden Sie JS, um Dateien zu bearbeiten (FileReader liest --node's fs)

HTML erstellt eine einfache und schöne Anmeldeseite

Mit CSS3 implementierte Schaltfläche zum Hovern von Bildern

Prinzip und Anwendung der MySQL-Verbindungsabfrage

MySQL-Cursorfunktionen und -Verwendung

Anwendungsszenario für die MySQL-Konfiguration mehrerer Instanzen

Detaillierte Erläuterung der langsamen MySQL-Protokollabfrage

Kali Linux Installation VMware Tools Installationsprozess und VM Installation vmtools button grau

Detaillierte Diskussion über Speicher und Variablenspeicher in JS

Erläuterung der Methode zum Schreiben von SQL-Anweisungen zum Einfügen