CSS box-shadow generator
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Laatst bijgewerkt: 2026 · Gratis online tool
Wat is CSS box-shadow generator?
Gratis online visuele editor om CSS box-shadow te maken en de code te kopiëren
Gebruiksaanwijzing
- 1 Preset selecteren — Begin snel met een presetknop.
- 2 Schuifregelaars aanpassen — Pas de schaduw aan met X/Y-offset, vervaging en verspreiding schuifregelaars.
- 3 Voorbeeld — Controleer het resultaat in realtime in het voorbeeld hierboven.
- 4 CSS kopiëren — Gebruik de kopieerknop om de box-shadow CSS te kopiëren.
Gerelateerde tools
Veelgestelde vragen
Ja, gebruik de knop 'Schaduw toevoegen' om meerdere schaduwen over elkaar te leggen.
Ja, schakel het Inset-selectievakje in bij elke schaduw om een binnenste schaduw te maken.
Vijf presets worden aangeboden: Subtle, Medium, Large, Inset en Double.
Ja, u kunt rgba(0,0,0,0.15) rechtstreeks in het kleurinvoerveld invoeren.
Nee. Alle berekeningen gebeuren in de browser.