CSS Box-Shadow Generator - Schritt für Schritt
Der CSS Box-Shadow Generator läuft in drei Schritten: Tool öffnen, Regler ziehen, Ergebnis kopieren. Diese Seite zeigt, was jeder Schritt macht.
Schritt 1 - Tool öffnen
Gehe zum CSS Box-Shadow Generator. Die Vorschau-Box und ein Start-Schatten erscheinen sofort - vorher muss nichts installiert oder eingeloggt werden.
Schritt 2 - Schatten formen
Ziehe den horizontalen und vertikalen Versatz, um den Schatten zu verschieben, den Unschärferadius, um seine Kante weicher zu machen, und den Ausbreitungsradius, um ihn zu vergrößern oder zu verkleinern. Wähle Farbe und Deckkraft für den Schatten, und aktiviere Inset für einen inneren statt einen äußeren Schatten. Die Vorschau aktualisiert sich bei jeder Änderung.
Schritt 3 - Ergebnis kopieren
Klicke auf Copy CSS, um die erzeugte box-shadow-Zeile in die Zwischenablage zu kopieren, oder markiere den Text im Ausgabefeld manuell. Alles läuft in deinem Browser-Tab; nichts wird hochgeladen.
Why trust these tools
- Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
- No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
- Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
- Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
- Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.