Gratis omvandlare

Box skugga Generator

Generera CSS box-shadow visuellt med live-förhandsvisning. Lägg till flera skugglager, justera oskärpa, spridning, färg och inset — gratis och klientside.

Live-förhandsvisning
Preview
CSS-utdata
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Lager 1

Horisontell Offset4px
-50px50px
Vertikal Offset4px
-50px50px
Oskärperadie16px
0px100px
Spridningsradie0px
-50px50px
Skuggfärg
#000000
Opacitet25%
0%100%
Infälld
outset

Om detta verktyg

Skapa och anpassa innehåll med Box Shadow Generator direkt i din webbläsare. Konfigurera dina inställningar, generera utdata och ladda ner eller kopiera resultatet. Allt körs på klientsidan - din data förblir privat och bearbetningen sker omedelbar.

Så här använder du det

  1. Konfigurera inställningarna och alternativen för att matcha dina krav.
  2. Klicka på Generera för att skapa din utdata.
  3. Förhandsgranska resultatet och gör justeringar om det behövs.
  4. Ladda ner utdatafilen eller kopiera den till ditt urklipp.

Vanliga frågor

Kan jag anpassa det genererade resultatet?
Ja. Verktyget tillhandahåller olika anpassningsalternativ för att skräddarsy resultatet efter dina specifika behov. Justera inställningarna innan du genererar, eller regenerera med olika alternativ.
Är det genererade innehållet gratis att använda?
Ja. Allt du genererar med det här verktyget är ditt att använda för personliga, utbildningsmässiga eller kommersiella ändamål utan några begränsningar eller tillskrivningskrav.
Kräver detta ett konto?
Nej. Verktyget är redo att användas omedelbart utan registrering, ingen e-post och ingen registrering. Öppna bara sidan och börja generera.
Hålls mina indata privata?
Ja. All bearbetning sker i din webbläsare. Dina indata och genererade utdata skickas aldrig till någon extern server.