Is Box Shadow Generator free to use?

Yes, Box Shadow Generator is completely free. No registration, no account, and no hidden costs — ever.

Is my data safe when using Box Shadow Generator?

All processing happens directly in your browser. Your data never leaves your device — nothing is uploaded or stored on our servers.

No. All CheckTown tools work instantly without registration or sign-up.

Box Shadow Generator works on any device — desktop, tablet, or phone. The interface adapts to your screen size.

以可视化方式创建 CSS 盒子阴影，支持多个图层、颜色与透明度控制，并可一键复制代码。

图层 1

水平偏移

垂直偏移

模糊

扩展

颜色

不透明度0.15

内阴影

box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);

Ctrl+Enter 运行Ctrl+Shift+C 复制

用可视化编辑器构建复杂的 CSS 盒子阴影。支持多个阴影图层、预设，并即时输出 CSS。

什么是 CSS box-shadow？

CSS 的 box-shadow 属性会在元素边框周围添加阴影效果。它是网页设计中用于营造层次感和视觉层级最常用的 CSS 属性之一。单条 box-shadow 声明可以包含水平和垂直偏移、模糊半径、扩展半径以及颜色。