CSS Box Shadow Generator

Build a box-shadow declaration with a live preview.

Processed locally. Your input never leaves your browser.

Preview

Offset XOffset YBlurSpread

Shadow color%Inset shadow

About

Create a CSS box-shadow with adjustable offset, blur, spread, color and opacity. The preview and CSS output update in your browser.

Convert between px and rem based on a base font size.

Generate a CSS clamp() value for fluid typography.

Build a CSS linear-gradient with multiple color stops.