BOX SHADOW STUDIO
阴影不是一层，
是空间感。
从单层 box-shadow 升级到多层阴影编辑器。可以叠加柔和投影、接触阴影、内阴影和光晕，并输出 CSS、变量和 Tailwind arbitrary value。
LIVE SHADOW STAGE
预览真实 box-shadow 叠加效果。
BOX SHADOW
Layered
VALUE
8 shadows
X / Y
0px / 24px
BLUR
64px
OPACITY
14%
POSITION
X 偏移0px
Y 偏移24px
扩散-24px
SOFTNESS
模糊64px
不透明度14%
颜色
SURFACE
圆角28px
形状
LAYERED SHADOW
真实 UI 里常用多层阴影：一层负责环境光，一层负责接触阴影，比单层更自然。
INSET / GLOW
同一个编辑器可处理外阴影、内阴影、光晕和硬阴影，适合按钮、卡片、弹窗和特殊视觉元素。
CSS READY
输出包含原始 box-shadow、完整 CSS、CSS 变量和 Tailwind arbitrary value，便于直接粘进项目。
BitLeap · 本地计算 · 隐私优先