Box Shadow Generator
Design lagdelte boksskygger med offset, uskarphet, spredning og farge. Forhåndsvis på et kort, og kopier deretter CSS-en med ett klikk.
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, uskarphet, spredning og farger – direkte forhåndsvisning inkludert.
- Kjører i nettleseren din
- Gratis å bruke
Hvordan bruke
- Juster forskyvning, uskarphet og spredning.
- Velg farge og opasitet (eller legg til lag).
- Kopier box-shadow CSS.
How this tool works
- Juster forskyvning, uskarphet og spredning.
- Velg farge og opasitet (eller legg til lag).
- Kopier box-shadow CSS.
Recommended settings
- Bruk standardalternativene først, og juster deretter om nødvendig
Supported formats
Text / on-page input
File size and limits
- Svært komplekse forhåndsvisninger i flere lag kan føles tregere på eldre telefoner.
Privacy
Farge- og CSS-generatorer kjører utelukkende i nettleseren din. Forhåndsvisninger og konverteringer laster aldri opp stilene dine.
Common use cases
- Bruk Box Shadow Generator når du trenger det: Design lagdelte boksskygger med offset, uskarphet, spredning og farger – direkte forhåndsvisning inkludert.
Troubleshooting
Forhåndsvisning ser annerledes ut etter innliming
Se etter konkurrerende CSS på siden din (tilbakestillinger, arvede farger). Kopier den genererte regelen inn i et isolert stilark først.
FAQ
Laster dette opp min CSS?
Nei. Generatorer og omformere kjører i nettleseren din med live forhåndsvisning.
Trenger jeg en konto?
Nei. Åpne verktøyet, juster kontroller og kopier CSS.
Relaterte verktøy
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