DEWählen Sie eine vollständige, QA-geprüfte Ausgabe, die für diese Website veröffentlicht wurde.
Erstellen Sie einen Box-Shadow mit Live-Werten für Farbe, Versatz, Unschärfe und Ausbreitung.
Fertig. Ihre Arbeitsdaten bleiben in diesem Browser.
Verwenden Sie den CSS-Box-Shadow-Generator, wenn Sie einen Box-Shadow mit Live-Farben sowie Offset-, Unschärfe- und Ausdehnungswerten erstellen müssen. Das Ergebnis ist sofort sichtbar und lässt sich leicht überprüfen, bevor Sie es wiederverwenden.
Geben Sie die vom CSS Box Shadow Generator angeforderten Werte ein. Der Browser validiert die Eingabe, führt die Berechnung lokal aus und erzeugt ein kopierbares Ergebnis mit klaren Fehlermeldungen.
Ein praktischer Anwendungsfall besteht darin, den CSS-Box-Shadow-Generator zunächst mit einem kleinen Beispiel auszuführen, die Ausgabe zu bestätigen und dann den vollständigen Wert oder die vollständige Liste zu verarbeiten.
Die Berechnung ist deterministisch und erklärt Validierungsfehler, anstatt ungültige Eingaben stillschweigend zu ändern.
Eingabe und Ausgabe bleiben in diesem Tab. Kopieren und Herunterladen erfolgen über Browser-APIs ohne Server-Upload.
Jeder Durchlauf meldet seinen Werkzeugmodus, Zeitstempel sowie Eingabe-/Ausgabegröße, damit transformierte Daten geprüft werden können.
