阴影生成器

box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.15);

What this tool does

Sliders for offset, blur, spread, color, opacity, and inset. Preview on a white card; copy a full box-shadow line.

How to use

  1. Tune offset/blur/spread.
  2. Pick color/opacity; enable inset if needed.
  3. Copy the CSS.

FAQ

Multiple layers?

One layer per generate — comma-join copies for stacks.

Why rgba output?

So opacity stays independent of the base color.

More tools in thedeveloper toolbox. For store preview shots, try theApp Store screenshot maker.