CSS-Box-Shadow-Generator
CSS-Schatten visuell mit Live-Vorschau erstellen.
0 von 3 Nutzungen heute · 3 übrig. Werde Pro und entferne das Limit.
Live-Vorschau
box-shadow: 0px 30px 60px -15px #4f46e566;Ebenen (1/6)
§ So verwenden
So erstellen Sie einen CSS-box-shadow visuell
Erstellen Sie Schatten jeder Tiefe (dezent bis dramatisch) mit Live-Vorschau und kopierfertigem Code.
Versätze einstellen
X (horizontal), Y (vertikal), Weichzeichnung (Weichheit) und Spread (Dicke). Ziehen Sie die Regler für sofortiges visuelles Feedback.
Schattenfarbe wählen
Standard ist Schwarz mit geringer Deckkraft (natürlicher Schatten). Für einen farbigen „Glow“ wählen Sie Ihre Markenfarbe.
Mehrere Ebenen stapeln (optional)
Professionelle Schatten nutzen 2-3 Ebenen (ein naher plus ein umgebender Schatten). Stapeln Sie sie für echte Tiefe.
CSS kopieren
Bereit zum Einfügen. Enthält ein optionales inset (innerer Schatten) und Cross-Browser-Präfixe.
Verwandte
Verwandte Werkzeuge
Da mesma categoria.
SVG-zu-React-Konverter
Fügen Sie Ihren schmutzigen SVG-Code ein und erhalten Sie eine optimierte React-Komponente, die für das moderne Web bereit und formatiert ist.
Regex-Tester
Validieren Sie Ihre regulären Ausdrücke mit dynamischen Hervorhebungen.
Markdown-Tabellen-Editor
Markdown-Tabellen visuell erstellen und bearbeiten — mit einfachem Export.
SQL-Formatierer
Verschönern und rücken Sie Ihre unübersichtlichen SQL-Abfragen nahtlos ein.
JSON-Formatierer
Verschönern, validieren und verkleinern Sie Ihre JSON-Objekte schnell.
Cron-Ausdruck-Parser
Cron-Ausdrücke sofort in lesbare Sprache übersetzen.