Text-Shadow-Generator
Erstellen Sie mehrschichtige Textschatten mit Live-Vorschau und kopierfertigem CSS.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Maßgeschneiderte Textschatten
Stellen Sie Versatz, Unschärfe, Farbe und Deckkraft ein, fügen Sie eine zweite Ebene hinzu und erhalten Sie die text-shadow-Eigenschaft mit Live-Vorschau am Text.
-
Ebene 1 einstellen
X, Y, Unschärfe, Farbe, Deckkraft.
-
Ebene 2 aktivieren
Für Kontur oder Glühen.
-
CSS kopieren
Eine einzige Eigenschaft, einfügebereit.
Anatomie der Eigenschaft
| Teil | Beispiel | Rolle |
|---|---|---|
| Versatz X | 2px | Horizontal (negativ = links) |
| Versatz Y | 2px | Vertikal (negativ = oben) |
| Unschärfe | 4px | Schattenstreuung |
| Farbe | rgba(124, 58, 237, 0.5) | Farbton und Deckkraft |
Standardebene: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5);. Vorschau und Berechnung 100 % lokal.
Häufige Fragen
Wie funktioniert text-shadow?
Die Eigenschaft nimmt der Reihe nach: horizontaler Versatz X, vertikaler Versatz Y, Unschärferadius, dann die Farbe. Beispiel: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5). Negative Werte verschieben nach links/oben.
Kann man mehrere Schatten stapeln?
Ja, durch Kommas getrennt. Dieses Tool bietet zwei Ebenen: die erste zeichnet den Hauptschatten, die zweite (optional) fügt eine Kontur oder ein Glühen in anderer Farbe hinzu.
Wie erzeuge ich einen Glow-Effekt?
Setzen Sie X und Y auf 0, erhöhen Sie die Unschärfe und wählen Sie eine kräftige Farbe mit guter Deckkraft. Das Licht breitet sich gleichmäßig um den Text aus. Ebene duplizieren zum Verstärken.
Schadet der Schatten der Lesbarkeit?
Ein zu starker Schatten kann stören. Für Fließtext halten Sie eine leichte Unschärfe und moderate Deckkraft; markante Effekte für große Überschriften. Die Vorschau hilft beim Beurteilen.