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 een gratis online tool waarmee je de box-shadow-eigenschap visueel bewerkt. Pas offset, blur, spread en kleur aan met schuifregelaars en een realtime voorbeeld. Ondersteunt meerdere schaduwen en inset. Verwerking in de browser zonder upload naar een server - volledig gratis voor webontwikkeling.

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. Pas de horizontale/verticale offset, blur en spread aan met schuifregelaars.
  2. Stel de schaduwkleur en transparantie in.
  3. Kopieer de gegenereerde CSS-code en gebruik die in je project.

Veelgestelde vragen over Schaduwgenerator

Kan ik meerdere schaduwen tegelijk toevoegen?

Ja, je kunt meerdere schaduwen toevoegen om complexe diepte en effecten te creëren. Elke schaduw kan afzonderlijk worden aangepast.

Wat is een inset-schaduw?

Een inset-schaduw verschijnt binnen het element in plaats van erbuiten. Terwijl een normale box-shadow buiten verschijnt, creëert inset een verzonken, ingedrukt 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.