Skip to content
littlekit.app
All tools

Box shadow generator

Adjust shadows visually with offsets, blur, spread, color and inset controls.

Shape & depthA little
dimension.
One shadow. Your settings.
HEX, RGB or HSL · alpha supported
Spread and inset
Generated CSS
box-shadow: 0px 12px 32px -8px rgb(0 0 0 / 0.2);
Processed on your device

How it works & useful details

How to use this tool

Move the shadow with horizontal and vertical controls, then tune blur, spread and opacity through its color.

Supported values and limitations

Exports one CSS box-shadow. Offsets range from -100 to 100px, blur from 0 to 150px, and spread from -80 to 80px. The preview stage clips effects that extend outside its bounds.