GEN-10Generatoren
Box-shadow generator
CSS-schaduw met live voorbeeld
GEN-10Resultaat
Je gegevens verlaten je apparaat nooit: deze tool draait lokaal in de browser.
Box-shadow generator
Stel verschuiving, vervaging, spreiding en dekking van een CSS-schaduw in — met live voorbeeld en kant-en-klare box-shadow-regel.
Veelgestelde vragen
Hoe maak ik een zachte schaduw?
Veel vervaging, lage dekking (10–20%) en een lichte verschuiving omlaag.
Kunnen er meerdere schaduwen?
Ja, in CSS scheid je ze met komma's — stapel lagen voor diepte.