// by seankriegler.com
CSS Box Shadow Generator
Drag sliders to generate the perfect CSS box-shadow with a live preview.
0px
10px
20px
0px
25%
// Syntax
box-shadow: x-offset y-offset blur spread color [inset];
// Inset
Adds the shadow on the inside of the element instead of outside. Great for inputs and depressed buttons.
// Multiple Shadows
Comma-separate to stack shadows. Useful for layered glows and neumorphism.
// Performance
Heavy shadow blur on many elements can cost paint performance on mobile. Test on real devices.