Box-Shadow-Generator

Visuelles Tool zum Erstellen und Kopieren von CSS box-shadow-Code.

Hintergrund

#e0e0e0

Box-Farbe

#e0e0e0

Randradius24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

Horizontal0px

Vertikal4px

Unschärferadius14px

Streuradius0px

Schattenfarbe#000000

Deckkraft25%

Empfohlene Tools

Handverlesene Dienstprogramme, die Sie nützlich finden könnten

Wunderschöne Farbpaletten erstellen und CSS-Code kopieren.

Extrahiere Farben aus Bildern und generiere Design-Paletten.

Erstellen Sie CSS-Keyframe-Animationen visuell.

CSS lineare und radiale Verläufe erstellen.

Erstelle schöne organische SVG-Blob-Formen für Designs.

Erstelle CSS-Milchglas-Effekte mit Echtzeit-Vorschau.

Komplexe CSS-Clip-Paths visuell gestalten.

Schöne CSS-Buttons erstellen und exportieren.