Skugggenerator

Gratis CSS box-shadow generator online. Justera offset, oskärpa, spridning, färg med live-förhandsgranskning. Kopiera kod. Bearbetas i webbläsaren.

CSS Box Shadow Generator is a free online tool that visually edits the box-shadow property. Adjust offset, blur, spread, and color with sliders and real-time preview. Supports multiple shadows and inset. Browser-based processing with no server upload — completely free for web development.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Filer skickas inte till någon server

Hur använder man Skugggenerator?

  1. Adjust horizontal/vertical offset, blur, and spread values with sliders.
  2. Set shadow color and opacity.
  3. Copy the generated CSS code and use it in your project.

Vanliga frågor om Skugggenerator

Can I add multiple shadows at once?

Yes, you can add multiple shadows to create complex depth and effects. Each shadow can be individually adjusted.

What is an inset shadow?

An inset shadow appears inside the element rather than outside. While normal box-shadow appears outside, adding inset creates a recessed, pressed-in effect.

Relaterade verktyg

Hörnavrundning

Gratis CSS border-radius förhandsgranskning online. Justera varje hörn separat med live-förhandsgranskning. Kopiera kod. Bearbetas i webbläsaren.

Typsnittskombination

Gratis typsnittskombinationsförslag online. Google Fonts-rekommendationer för rubriker och brödtext med förhandsgranskning. Bearbetas i webbläsaren.

CSS Grid-generator

Gratis CSS Grid-generator online. Visuell redigerare för rader, kolumner, mellanrum med automatisk kodgenerering. Bearbetas i webbläsaren.