Gratis konverter

Box Shadow Generator

Generer CSS box-shadow visuelt med live forhåndsvisning. Tilføj flere skyggelag, juster sløring, spredning, farve og inset — gratis og klientsiden.

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

Vandret forskydning4px
-50px50px
Lodret forskydning4px
-50px50px
Sløreradius16px
0px100px
Spredningsradius0px
-50px50px
Skyggefarve
#000000
Ugennemsigtighed25%
0%100%
Indsat
outset

Om dette værktøj

Opret og tilpas indhold med Box Shadow Generator direkte i din browser. Konfigurer dine præferencer, generer outputtet, og download eller kopier resultatet. Alt kører på klientsiden - dine data forbliver private, og behandlingen er øjeblikkelig.

Sådan bruger du det

  1. Konfigurer indstillingerne og mulighederne, så de passer til dine krav.
  2. Klik på Generer for at oprette dit output.
  3. Se et eksempel på resultatet, og foretag justeringer, hvis det er nødvendigt.
  4. Download outputfilen eller kopier den til dit udklipsholder.

Ofte stillede spørgsmål

Kan jeg tilpasse det genererede output?
Ja. Værktøjet giver forskellige tilpasningsmuligheder for at skræddersy outputtet til dine specifikke behov. Juster indstillinger før generering, eller genskab med forskellige muligheder.
Er det genererede indhold gratis at bruge?
Ja. Alt, hvad du genererer med dette værktøj, kan du bruge til personlige, uddannelsesmæssige eller kommercielle formål uden nogen begrænsninger eller tilskrivningskrav.
Kræver dette en konto?
Nej. Værktøjet er klar til brug med det samme uden tilmelding, ingen e-mail og ingen registrering. Du skal bare åbne siden og begynde at generere.
Holdes mine inputdata private?
Ja. Al behandling foregår i din browser. Dine inputdata og genererede output sendes aldrig til nogen ekstern server.