CSS Box-Shadow-Generator

Passen Sie Versatz, Unschärfe, Ausbreitung, Farbe und Deckkraft mit Live-Reglern an, um einen box-shadow-Effekt auf einer Vorschaukarte zu gestalten, und kopieren Sie dann die genaue CSS-box-shadow-Eigenschaft — einschließlich Unterstützung für mehrere gestapelte Schatten.

Design- und CSS-Tools Läuft vollständig in deinem Browser

Die gesamte Verarbeitung erfolgt auf deinem Gerät — es wird nichts an einen Server gesendet.

Horizontaler Versatz0pxVertikaler Versatz8pxUnschärfe20pxAusdehnung-2pxFarbeDeckkraft25%Innenschatten

CSS-Code

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

Weiter mit

Vollständig lokal

CSS-Verlaufsgenerator

Erstellen Sie visuell einen linearen oder radialen CSS-Verlauf und kopieren Sie den Code.

Design- und CSS-ToolsTool öffnen

Vollständig lokal

CSS Border-Radius-Generator

Gestalten Sie abgerundete Ecken visuell — einschließlich asymmetrischer Formen — und kopieren Sie den CSS-Code.

Design- und CSS-ToolsTool öffnen

Vollständig lokal

PX-zu-REM-Umrechner

Rechnen Sie zwischen Pixel und rem-Einheiten um, basierend auf einer benutzerdefinierten Root-Schriftgröße.

Design- und CSS-ToolsTool öffnen

Bereit, Uddatak auszuprobieren?

Durchsuchen Sie die vollständige Tool-Bibliothek und beginnen Sie jetzt, was Sie brauchen — kostenlos, keine Anmeldung.

Alle Tools durchsuchen

CSS Box-Shadow-Generator

CSS-Code

Weiter mit

CSS-Verlaufsgenerator

CSS Border-Radius-Generator

PX-zu-REM-Umrechner

Ähnliche Tools

CSS Border-Radius-Generator

PX-zu-REM-Umrechner

Farbpaletten-Extraktor

Code-Screenshot-Generator

Farbenblindheit-Simulator

Bereit, Uddatak auszuprobieren?