CSS Box Shadow Generator

Alle tools
CSS Box Shadow Generator
Maak gelaagde CSS box-shadows met live sliders voor verschuiving, vervaging, spreiding, kleur, doorzichtigheid en inset — bekijk ze op een echt element en kopieer direct klaarstaande CSS.
Live voorbeeld
Live voorbeeld
CSS
box-shadow: —;

Alles wordt live in je browser bijgewerkt — geen uploads, geen registratie, volledig gratis.

Schaduwlagen
px
px
px
px
Schaduwkleur
20%
Element & canvas
16px
Presets
Delen
Gerelateerde tools
E-mailhandtekening Builder

Ontwerp een professionele HTML-e-mailhandtekening uit 30 sjablonen, pas hem aan en sla hem op.
Code Formatter

Verfraai HTML, CSS en JavaScript — voeg inspringen en regeleinden toe om rommelige of geminificeerde code leesbaar te maken.
QR-codegenerator

Maak een QR-code (URL, tekst, Wi-Fi, vCard…) als PNG.
Pictogram naar PNG

Zet Bootstrap Icons, Font Awesome en meer om naar aangepaste PNG-afbeeldingen — gratis, in je browser.
App-pictogramgenerator

Genereer een complete, publicatieklare app-pictogramset voor de App Store en Google Play — premium kleurverloop-, mesh- en patroonachtergronden, gebouwd vanuit je logo.
Favicon-generator

Bouw een compleet faviconpakket uit een logo, een lettertypepictogram of een monogram — favicon.ico, moderne PNG's, het Apple touch-pictogram, PWA-pictogrammen, een web-manifest en het HTML-fragment.
Populaire zoekopdrachten
css box shadow generator box shadow css schaduw generator online css schaduw maker gelaagde box shadow inset shadow css

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.