关于此工具
box-shadow 属性看似简单实则很深：偏移、模糊、扩展、颜色和 inset 关键字相互作用，真正的立体感通常来自叠加多个阴影。这个生成器为每个值提供滑块，并允许你添加多层，因此你可以从微妙的卡片浮起效果一直做到大胆的新拟态效果。
一切都在实时预览中更新，完成的 box-shadow CSS 只需一次复制。它完全在你的浏览器中运行。
常见问题
它支持多层叠加阴影吗？
支持。点击“添加图层”即可叠加更多阴影——它们会合并成一个用逗号分隔的 box-shadow 值，第一层会显示在最上面。
“inset”复选框有什么作用？
勾选后会把该图层从外部投影切换为内部阴影，阴影出现在元素边框内侧，适合做按下或凹陷效果。
阴影的透明度是如何处理的？
不透明度滑块会与取色器结合，生成一个 8 位十六进制颜色（#rrggbbaa），从而获得真正的 alpha 透明度——因为普通颜色输入框本身无法保存 alpha 通道。
我的设计数据会被上传吗？
不会，阴影预览和 CSS 输出完全在你的浏览器中生成——不会上传或存储到任何服务器。
负的扩展值（spread）有什么作用？
负值扩展会在模糊之前先缩小阴影的形状，常用于让阴影看起来比元素本身更细、更贴合。