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.
CSS
Funktionen
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
Anleitung
1. Ziehen Sie die Schieberegler für Versatz X, Versatz Y, Unschärfe und Ausdehnung.
2. Wählen Sie eine Farbe mit dem Farbwähler.
3. Aktivieren Sie Inset für einen inneren Schatten.
4. Kopieren Sie den generierten CSS-Code.
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...