CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.
Schattenebenen
Vorschau-Einstellungen
Erzeugter CSS-Code
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
Anleitung
Parameter einstellen
Versatz, Unschärfe und Ausbreitung anpassen
Vorschau
Schatten in Echtzeit ansehen
Kopieren
CSS-Code zur Verwendung kopieren
Funktionen
Schieberegler
Intuitive Schieberegler für jeden Parameter
Mehrere Schatten
Mehrere Schatten übereinander legen
Inset-Schatten
Unterstützung für innere (Inset-) Schatten
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Border-Radius-Generator
CSS border-radius mit individueller Eckensteuerung generieren. Mit elliptischen Radius-Optionen und beliebten Formvorlagen.