Gratis omformer

Box Shadow Generator

Generer CSS box-shadow visuelt med live forhåndsvisning. Legg til flere skyggelag, juster uskarphet, spredning, farge og inset — gratis og klientsiden.

Live forhåndsvisning
Preview
CSS-utdata
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Lag 1

Horisontal forskyvning4px
-50px50px
Vertikal forskyvning4px
-50px50px
Uskarphetradius16px
0px100px
Spredningsradius0px
-50px50px
Skyggefarge
#000000
Ugjennomsiktighet25%
0%100%
Innfelt
outset

Om dette verktøyet

Lag og tilpass innhold med Box Shadow Generator direkte i nettleseren din. Konfigurer innstillingene dine, generer utdataene og last ned eller kopier resultatet. Alt kjører på klientsiden – dataene dine forblir private og behandlingen er umiddelbar.

Slik bruker du det

  1. Konfigurer innstillingene og alternativene for å matche dine behov.
  2. Klikk Generer for å lage utdataene dine.
  3. Forhåndsvis resultatet og foreta justeringer om nødvendig.
  4. Last ned utdatafilen eller kopier den til utklippstavlen.

Ofte stilte spørsmål

Kan jeg tilpasse den genererte utgangen?
Ja. Verktøyet gir ulike tilpasningsalternativer for å skreddersy resultatet til dine spesifikke behov. Juster innstillingene før generering, eller regenerer med forskjellige alternativer.
Er det genererte innholdet gratis å bruke?
Ja. Alt du genererer med dette verktøyet er ditt til å bruke til personlige, pedagogiske eller kommersielle formål uten noen restriksjoner eller krav til attribusjon.
Krever dette en konto?
Nei. Verktøyet er klart til bruk umiddelbart uten registrering, ingen e-post og ingen registrering. Bare åpne siden og begynn å generere.
Holdes inndataene mine private?
Ja. All behandling skjer i nettleseren din. Dine inndata og genererte utdata sendes aldri til noen ekstern server.