So funktioniert es
- 1
Parameter
X/Y-Offset, Blur, Spread, Farbe.
- 2
Inset optional
Innen-Schatten für Inputs und Panels.
- 3
CSS kopieren
box-shadow in Stylesheet einfügen.
Wofür ist dieses Tool nützlich?
- Cards
- Buttons
- Modals
- UI-Kits
- Landingpages
Häufige Fragen
- Ist das Tool kostenlos?
- Ja. Kostenlos und ohne Registrierung.
- Mehrere Schatten?
- Einzelner Schatten — bei Bedarf manuell mit Komma erweitern.
- RGBA?
- Farbe mit Transparenz für weiche Schatten wählbar.
- Werden Daten gespeichert?
- Nein.
- Funktioniert das auf dem Handy?
- Ja.
Vorteile, Formate und Datenschutz
Vorteile
- Kostenlos
- Ohne Registrierung
- Direkt im Browser
- Live-Vorschau
- Inset
Unterstützte Formate
CSS
Datenschutz
Deine Einstellungen werden nur in deinem Browser verarbeitet und nicht übertragen.
Passende Tools
- CSS Gradient GeneratorCSS-Gradient linear/radial — zwei Farben, Winkel, Vorschau, nur im Browser.
- CSS Clamp GeneratorCSS clamp(min, preferred, max) — fluide Werte, Vorschau, nur im Browser.
- Farbkonverter HEX RGB HSLHEX, RGB und HSL umrechnen — Vorschau, kopieren, nur im Browser.
- Open-Graph-Generatorog:- und Twitter-Meta-Tags mit Social-Karten-Vorschau — HTML kopieren, nur im Browser.
- QR-Code GeneratorQR-Codes aus Text oder URL erzeugen — PNG-Vorschau, Größe wählen, Download; Generierung lokal im Browser.