CSS Box-Schatten Generator

Was ist der CSS Box-Schatten Generator?

Dieses kostenlose Tool ermöglicht es Ihnen, Box-Schatten visuell zu erstellen und anzupassen. Passen Sie Parameter wie den horizontalen und vertikalen Abstand, Unschärfe, Ausdehnung und Farbe ganz einfach an. Sehen Sie die Änderungen in Echtzeit und kopieren Sie den generierten CSS-Code sofort.

Hauptfunktionen

• Live-Vorschau der Änderungen
• Stellen Sie X- und Y-Versatz, Unschärfe und Ausdehnung ein
• Wählen Sie Farben für Hintergrund, Box und Schatten
• Option für inneren Schatten (Inset)

Wie man es benutzt

Verwenden Sie die Regler, um die Schattenwerte anzupassen. Wählen Sie die gewünschten Farben mit den Farbwähler. Die Vorschau-Box wird in Echtzeit aktualisiert. Wenn Sie zufrieden sind, kopieren Sie den CSS-Code, um ihn auf Ihren Webelementen zu verwenden.