CSS-box-shadow-Generator

Erstelle eine CSS-box-shadow-Deklaration aus Versatz, Unschärfe, Ausbreitung und Farbe.

Grafik Ohne Speicherung

Kurzanleitung

Ein Beispiel zum Ausprobieren

Deine Eingabe

Horizontaler Versatz (px)
0
Vertikaler Versatz (px)
4
Unschärferadius (px)
12
Ausbreitung (px)
0
Hex-Farbe
#00000033
Schattenposition
Außen

Dein Ergebnis

box-shadow: 0px 4px 12px 0px #00000033;
Funktionsweise und Grenzen

Gib Längen in Pixeln und eine sechs- oder achtstellige Hex-Farbe ein. Eine negative Ausbreitung verkleinert den Schatten.