CSS-Box-Shadow-Generator - Visueller Schatten-Builder

Erstellen Sie CSS box-shadow visuell mit Live-Vorschau

CSS-Werkzeuge

Tool

Shadow 1

Offset X (5px)Offset Y (5px)Blur (15px)Spread (0px)

ColorInset

CSS

box-shadow: 5px 5px 15px 0px #00000040;

Anleitung

1Passen Sie die Schattensteuerungen an (Versatz X/Y, Unschärfe, Ausbreitung, Farbe)
2Aktivieren Sie Innenschatten (inset) für innere Schatten
3Fügen Sie bei Bedarf mehrere Schattenebenen hinzu
4Kopieren Sie den generierten CSS-Code

Die CSS-Eigenschaft box-shadow fügt Schatteneffekte um den Rahmen eines Elements hinzu. Sie können mehrere Effekte durch Kommas getrennt festlegen.

Ja. Klicken Sie auf 'Schatten hinzufügen', um mehrere box-shadow-Werte zu schichten. Jede Ebene hat unabhängige Steuerungen.