Toolora

Box-Schatten-Generator

Gestalte CSS-Box-Schatten mit Schiebereglern und Live-Vorschau.

Der Box-Schatten-Generator erstellt CSS-box-shadow-Werte mit interaktiven Schiebereglern für Versatz, Unschärfe und Ausbreitung sowie Farbe, Innen und eine Live-Vorschau.

So wird's genutzt

  1. Passe die X-, Y-, Unschärfe- und Ausbreitungsregler an.
  2. Wähle eine Farbe und aktiviere bei Bedarf Innen.
  3. Kopiere die generierte CSS-Deklaration.

Häufig gestellte Fragen

Können negative Versätze verwendet werden?

Ja, X und Y akzeptieren Werte von -100 bis 100 Pixel.

Ist die Vorschau genau?

Sie wendet den exakten CSS-Wert auf ein Vorschauelement im Browser an.