Generieren Sie CSS text-shadow visuell mit Live-Vorschau
CSS-Werkzeuge
Tool
Preview Text
Shadow 1
Hello World
CSS
text-shadow: 2px 2px 4px #00000080;
Anleitung
1Geben Sie Ihren Vorschautext in das Eingabefeld ein
2Passen Sie Versatz X/Y, Unschärfe und Farbe für jeden Schatten an
3Fügen Sie mehrere Schattenebenen für komplexe Effekte hinzu
4Kopieren Sie den generierten CSS-Code
Häufig gestellte Fragen
Die CSS-Eigenschaft text-shadow fügt Schatteneffekte zu Text hinzu. Sie können mehrere Schatten, getrennt durch Kommas, stapeln, um Leucht-, Umriss- und 3D-Effekte zu erzeugen.
Ja. Setzen Sie Versatz X und Y auf 0 und erhöhen Sie den Unschärfewert mit einer lebhaften Farbe, um einen Leuchteffekt um Ihren Text zu erzeugen.