Schaduwgenerator

Gratis online CSS box-shadow generator. Pas offset, vervaging, spreiding, kleur aan met live voorbeeld. Code kopiëren. Verwerkt in browser.

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 Bestanden worden niet naar een server verzonden

Hoe gebruik je Schaduwgenerator?

  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.

Veelgestelde vragen over Schaduwgenerator

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.

Gerelateerde tools

Hoekafronding

Gratis online CSS border-radius voorbeeld. Pas elke hoek afzonderlijk aan met live voorbeeld. Code kopiëren. Verwerkt in browser.

Lettertype-combinatie

Gratis online lettertype-combinatiesuggesties. Google Fonts-aanbevelingen voor koppen en tekst met live voorbeeld. Verwerkt in browser.

CSS Grid generator

Gratis online CSS Grid generator. Visuele editor voor rijen, kolommen, gap met automatische codegeneratie. Verwerkt in browser.