Skyggegenerator

Gratis CSS box-shadow generator online. Juster offset, sløring, spredning, farve med live forhåndsvisning. Kopier kode. Behandles i browseren.

CSS box-shadow-generator er et gratis onlineværktøj, der visuelt redigerer egenskaben box-shadow. Juster offset, blur, spread og farve med skydere og forhåndsvisning i realtid. Understøtter flere skygger og inset. Behandling i browseren uden serverupload — helt gratis til webudvikling.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Filer sendes ikke til nogen server

Hvordan bruger man Skyggegenerator?

  1. Juster værdierne for vandret/lodret offset, blur og spread med skydere.
  2. Indstil skyggefarve og gennemsigtighed.
  3. Kopiér den genererede CSS-kode, og brug den i dit projekt.

Ofte stillede spørgsmål om Skyggegenerator

Kan jeg tilføje flere skygger på én gang?

Ja, du kan tilføje flere skygger for at skabe kompleks dybde og komplekse effekter. Hver skygge kan justeres individuelt.

Hvad er en inset-skygge?

En inset-skygge vises inde i elementet i stedet for udenfor. Mens en normal box-shadow vises udenfor, skaber tilføjelse af inset en indrykket, presset-ind-effekt.

Relaterede værktøjer

Hjørneafrunding

Gratis CSS border-radius forhåndsvisning online. Juster hvert hjørne separat med live forhåndsvisning. Kopier kode. Behandles i browseren.

Skrifttypekombination

Gratis skrifttypekombinationsforslag online. Google Fonts-anbefalinger til overskrifter og brødtekst med forhåndsvisning. Behandles i browseren.

CSS Grid-generator

Gratis CSS Grid-generator online. Visuel editor for rækker, kolonner, mellemrum med automatisk kodegenerering. Behandles i browseren.