CSS-Box-Shadow-Generator
Erstellen Sie Box-Schatten mit Reglern für Versatz, Unschärfe, Streuung und Farbe und kopieren Sie das CSS.
Verwendung
Build a shadow
Move the sliders to adjust the horizontal offset, vertical offset, blur and spread. Choose a color and enable inset for an inner shadow.
- Adjust the four sliders.
- Pick a shadow color.
- Copy the generated box-shadow declaration.
Negative values
Offsets and spread accept negative values, which move the shadow up or left and shrink it.
Häufige Fragen
What is spread?
Spread expands or contracts the shadow before it is blurred. Positive values make the shadow larger.
Why is my shadow translucent?
The generated color includes partial transparency so the shadow blends with the background. Replace the color value if you want it fully opaque.
Ähnliche Tools
Border-Radius-Generator
Zeigen Sie CSS-border-radius-Werte für jede Ecke in Pixeln oder Prozent an und kopieren Sie sie.
CSS-Verlaufsgenerator
Gestalten Sie lineare oder radiale CSS-Verläufe mit Live-Vorschau und fertigem CSS.
CSS-Formatierer
Verschönert CSS mit einer Eigenschaft pro Zeile und einheitlicher Einrückung.
UUID-/GUID-Generator
Erzeugt zufällige UUIDs der Version 4 und kopiert sie einzeln oder in großen Mengen.
Hash-Generator
Berechnet MD5-, SHA-1-, SHA-256- und SHA-512-Prüfsummen beliebiger Texte.
Zeitstempel-Konverter
Rechnet zwischen Unix-Zeitstempeln, ISO 8601 und lesbaren lokalen Datumswerten um.