怎么用？
- 拖动滑块调水平 / 垂直偏移、模糊、扩展、透明度，预览卡片实时更新。
- 用取色器或填 HEX 选阴影颜色，勾选可切换 inset 内阴影。
- 点「复制 CSS」把
box-shadow: …复制走。
四个数值怎么理解？
box-shadow: X Y blur spread color;——
X 水平偏移、Y 垂直偏移、
blur 模糊半径（越大越柔）、spread 扩展半径（负值收缩、让阴影更贴元素）。
柔和的悬浮卡片常用 0 8px 24px -4px rgba(0,0,0,.3) 这类组合。
性能提示
box-shadow 是纯 CSS、无网络请求；但大面积模糊阴影 + 频繁动画会增加重绘成本，
移动端慎用超大 blur。需要频繁位移的元素，用 transform 动画比动 box-shadow 更省。
关于 chdh.me 在线工具
本工具是 出海导航 chdh.me 免费在线工具集的一员， 同类还有 CSS 渐变生成器、 键盘按键值 keycode、 Base64 编码/解码，均纯前端运行、不上传、不追踪。