Design Runs in your browser

CSS Box Shadow Generator

Create a restrained CSS box-shadow declaration by adjusting offset, blur, spread, color, and inset mode.

Input

Fields are ready to edit and update the result automatically.

Live

Ready.

Results update as you edit.

Keep exploring

Convert colors between HEX, RGB, and HSL with a live visual preview.

Check text and background colors against WCAG contrast guidance with a readable preview.

Pick two colors and an angle to generate copy-ready CSS for a linear gradient.

From the guide archive