CSS-Tools

Box-Shadow-Generator — Mehrschichtig

Mehrere Box-Shadow-Ebenen stapeln — jede mit eigenem Versatz, Unschärfe, Spread, Farbe und Inset-Option — für Tiefeneffekte und Neumorphismus.

Shadow Layers
5px
5px
15px
0px
0.35
CSS Code
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
Preview

Box-Shadow-Generator — Mehrschichtig: Mehrere Box-Shadow-Ebenen stapeln — jede mit eigenem Versatz, Unschärfe, Spread, Farbe und Inset-Option — für Tiefeneffekte und Neumorphismus. Läuft vollständig in Ihrem Browser — Eingabe einfügen, Ergebnis sofort erhalten, nichts wird hochgeladen.

Verwandte Tools

CSS-Spezifitäts-Rechner
CSS-Selektor-Spezifität mit visueller Aufschlüsselung berechnen und vergleichen
CSS-Animations-Generator
Visueller CSS-Keyframe-Animations-Builder mit Live-Vorschau und Code-Export
Tailwind ↔ CSS Konverter
Zwischen Tailwind-CSS-Klassen und regulärem CSS mit Responsive-/State-Unterstützung konvertieren
SVG-Optimierer & Viewer
SVG anzeigen, optimieren und in React-Komponenten konvertieren mit Größenvergleich

🔒 Dieses Tool läuft vollständig in Ihrem Browser. Es werden keine Daten an einen Server gesendet.