CSS Tools

Box Shadow Generator

Visual CSS box-shadow generator with multiple layers, inset shadows, and live preview.

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

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.