Box-Shadow-Generator

Kostenloser Online-CSS-Box-Shadow-Generator. Versatz, Unschärfe, Ausbreitung und Farbe anpassen mit Live-Vorschau. Code kopieren. Im Browser.

Der CSS Box-Shadow-Generator ist ein kostenloses Online-Tool zur visuellen Bearbeitung der box-shadow-Eigenschaft. Passen Sie Offset, Blur, Spread und Farbe mit Schiebereglern und Echtzeit-Vorschau an. Unterstützt mehrere Schatten und inset. Browser-basiert und kostenlos.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Dateien werden nicht an einen Server gesendet

Wie benutzt man Box-Shadow-Generator?

  1. Passen Sie Offset, Blur und Spread mit Schiebereglern an.
  2. Legen Sie Schattenfarbe und Deckkraft fest.
  3. Kopieren Sie den generierten CSS-Code für Ihr Projekt.

Häufig gestellte Fragen zu Box-Shadow-Generator

Kann ich mehrere Schatten gleichzeitig hinzufügen?

Ja, Sie können mehrere Schatten für komplexe Tiefeneffekte hinzufügen. Jeder Schatten kann einzeln angepasst werden.

Was ist ein Inset-Schatten?

Ein Inset-Schatten erscheint innerhalb des Elements statt außerhalb. Während normaler box-shadow außen erscheint, erzeugt inset einen eingedrückten Effekt.

Ähnliche Tools

Border-Radius-Vorschau

Kostenlose Online-CSS-Border-Radius-Vorschau. Jede Ecke einzeln anpassen mit Live-Vorschau und Code kopieren. Im Browser.

Schriftart-Vorschläge

Kostenlose Online-Schriftart-Vorschläge. Passende Google Fonts für Überschriften und Fließtext mit Live-Vorschau entdecken. Im Browser.

CSS-Grid-Generator

Kostenloser Online-CSS-Grid-Generator. Zeilen, Spalten und Lücken mit visuellem Editor festlegen. Layoutcode automatisch generieren. Im Browser.