CSS Box Shadow Generator

Entwirf CSS-Schatten durch Anpassen von Versatz, Weichzeichner, Ausbreitung und Farbe.

box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.25);

Wie es funktioniert

Passen Sie die Regler für horizontalen und vertikalen Versatz, Weichzeichner, Ausbreitung, Farbe und Deckkraft an. Der box-shadow-Code wird in Echtzeit aktualisiert.

Häufig gestellte Fragen

Kann ich einen inneren Schatten erzeugen?

Ja. Aktivieren Sie die Option „inset“, um den Schatten in einen inneren Schatten umzuwandeln.

Welchen Code generiert es?

Generiere eine kopierfertige CSS-box-shadow-Deklaration.