CSS-Schatten-Generator (box-shadow)
CSS-Schatten visuell gestalten mit Ebenen, Inset, Unschärfe, Ausbreitung und Farbe. Live-Vorschau, Vorlagen wie Neumorphismus und kopierfertiges CSS.
- Keine Uploads
- Keine Limits
- Keine Anmeldung
Vorlagen
- Eingabe:
- Ein Klick
- Ausgabe:
- Text
- Läuft auf:
- Deinem Gerät
- Größenlimit:
- Keines
- Konto:
- Nicht nötig
So nutzt du CSS-Schatten-Generator (box-shadow)
Schatten formen
Bewege die Regler für Versatz, Unschärfe, Ausbreitung und Deckkraft und wähle eine Farbe. Für einen Innenschatten Innen aktivieren.
Ebenen stapeln oder Vorlage nutzen
Füge weitere Ebenen für realistische Tiefe hinzu oder starte mit einer Vorlage wie weich, hart, Neumorphismus oder mehrschichtig.
CSS kopieren
Kopiere die fertige box-shadow- (oder text-shadow-)Deklaration in dein Stylesheet.
Darum CSS-Schatten-Generator (box-shadow) auf Toolshed
Keine Uploads
Alles läuft in diesem Browser-Tab. Deine Dateien werden auf deinem Gerät verarbeitet und nicht an einen Server übertragen.
Keine Limits
Keine Dateigrößen-Obergrenzen, keine Tageskontingente. Verarbeite so viel, wie dein Gerät schafft.
Keine Anmeldung
Kein Konto, keine E-Mail-Adresse, kein Wasserzeichen.
Häufig gestellte Fragen
Warum mehrere Schattenebenen?
Mehrere dezente Schatten wirken natürlicher als ein einzelner schwerer. Ebenen mit kleiner Unschärfe in wachsendem Abstand ahmen echtes Licht nach und ergeben weichere Tiefe.
Was bewirkt inset?
Ein Inset-Schatten wird innerhalb der Box statt außerhalb gezeichnet, nützlich für gedrückte Buttons, Eingabefelder und innere Leuchteffekte.
Gibt es auch Textschatten?
Ja. Wechsle zu Textschatten, um eine text-shadow-Deklaration zu sehen und zu kopieren. Ausbreitung und Inset gibt es bei Text nicht, diese Regler sind dann ausgeblendet.
Werden meine Dateien irgendwohin hochgeladen?
Nein. CSS-Schatten-Generator (box-shadow) läuft vollständig in deinem Browser. Deine Dateien werden auf deinem Gerät verarbeitet und nie an einen Server gesendet.
Gibt es eine Begrenzung der Dateigröße?
Keine feste Grenze. Die einzige Grenze ist der Arbeitsspeicher deines Geräts. Sehr große Dateien funktionieren am besten in einem Desktop-Browser.
Ist CSS-Schatten-Generator (box-shadow) wirklich kostenlos?
Ja. Es gibt kein Konto und kein Wasserzeichen. Eine kurze, optionale Werbung oder 20 Sekunden Wartezeit schalten jeden Download frei. So halten wir das Angebot kostenlos.