CSS-Box-Shadow-Generator
Erstellen Sie CSS-box-shadow-Eigenschaften visuell mit Schiebereglern. Sehen Sie eine Live-Vorschau und kopieren Sie den CSS-Code. Mehrere Schatten können überlagert werden.
Studio · neutrale Umgebung
Funktionen
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
Anleitung
1. Den Schatten mit den Reglern formen — die neutrale Karte auf der Fläche zeigt genau das Endergebnis.
2. Echte Schatten sind mehrschichtig: bis zu vier Ebenen stapeln oder mit einer Vorlage (Soft, Elevated, Floating, Inner) starten.
3. Die Arbeitsfläche umschalten, um den Schatten auf Weiß, Grau und Dunkel zu prüfen, dann das CSS kopieren.
Häufig gestellte Fragen
What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.
Verwandte Werkzeuge
CSS-Verlauf-Generator
Erstellen Sie CSS-Verläufe visuell — linear, radial und konisch. Fügen Sie mehre...
CSS-Border-Radius-Generator
Gestalten Sie CSS-border-radius visuell — steuern Sie alle vier Ecken einzeln od...
CSS-Flexbox-Spielwiese
Lernen und experimentieren Sie mit CSS Flexbox. Passen Sie Container-Eigenschaft...
CSS-Grid-Generator
Erstellen Sie CSS-Grid-Layouts visuell. Legen Sie Zeilen, Spalten und Abstände f...