Toolzy

CSS-Box-Shadow-Generator

Gestalte CSS-Boxschatten mit einer Live-Vorschau.

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);

Passe Versatz, Weichzeichnung, Ausbreitung, Farbe und Deckkraft an, um einen box-shadow zu erstellen, und kopiere das CSS.

Anleitung

  1. Ziehe die Schieberegler, um den Schatten zu formen.
  2. Wähle eine Farbe und Deckkraft.
  3. Kopiere das CSS.

Häufige Fragen

Was bewirkt inset?
Es zeichnet den Schatten innerhalb des Elements statt außerhalb.
Kann ich Schatten übereinanderlegen?
Ja, kombiniere mehrere box-shadow-Werte von Hand, getrennt durch Kommas.

Ähnliche Tools