HTMLCSSJS
HTML CSS JS

Box-Shadow CSS Generator

Set the properties of your box shadow to get the CSS style.

Use the sliders and the color picker to set the values and watch the live preview until you reach the desired effect. Select the right-down shift, spread, blur, opacity, color.
Switch between white and black preview background, depending on your needs.

Shift right:
Shift down:
Spread:
Blur:
Opacity:
Inset
Color:
Use This
Preview
HTML
CSS
Apply CSS
WYSIWYG