Box Shadow Generator
Design lagdelte box-skygger med offset, sløring, spredning og farve. Forhåndsvisning på et kort, og kopier derefter CSS'en med et enkelt klik.
Box Shadow Generator
LiveCSS output
box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35); border-radius: 24px;
Key capabilities
- Design lagdelte boksskygger med offset, sløring, spredning og farve - live preview inkluderet.
- Kører i din browser
- Gratis at bruge
Sådan bruges
- Juster offset, sløring og spredning.
- Vælg farve og opacitet (eller tilføj lag).
- Kopier box-shadow CSS'en.
How this tool works
- Juster offset, sløring og spredning.
- Vælg farve og opacitet (eller tilføj lag).
- Kopier box-shadow CSS'en.
Recommended settings
- Brug først standardindstillingerne, og juster derefter om nødvendigt
Supported formats
Text / on-page input
File size and limits
- Meget komplekse flerlags forhåndsvisninger kan føles langsommere på ældre telefoner.
Privacy
Farve- og CSS-generatorer kører udelukkende i din browser. Forhåndsvisninger og konverteringer uploader aldrig dine stilarter.
Common use cases
- Brug Box Shadow Generator, når som helst du har brug for det: Design lagdelte box-skygger med offset, sløring, spredning og farve - live preview inkluderet.
Troubleshooting
Eksempel ser anderledes ud efter indsætning
Tjek for konkurrerende CSS på din side (nulstillinger, nedarvede farver). Kopier først den genererede regel til et isoleret typografiark.
FAQ
Uploader dette min CSS?
Nej. Generatorer og konvertere kører i din browser med live preview.
Har jeg brug for en konto?
Nej. Åbn værktøjet, juster kontroller, og kopier CSS'en.
Relaterede værktøjer
Text Shadow Generator
Craft readable text-shadow styles with live typography preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool