研发工具 · 视觉参数核对

CSS 多层阴影编辑

把卡片阴影拆成几层，逐项调整，再带走可读的 CSS。

1. 编辑阴影层

第 1 层（越靠前越在上面）

水平偏移 px垂直偏移 px模糊 px扩展 px不透明度 %六位 HEX 颜色

内阴影 inset（第1层）

示例卡片
160 px 宽

预览区有边界，大幅偏移或模糊可能被裁切。只导出阴影属性，不附带卡片背景、宽度或圆角。

.jijie-card {
  box-shadow: 0px 8px 24px 0px rgba(23, 46, 66, 0.2);
}

最多4层，偏移±100px、模糊0–100px、扩展±50px、不透明度0–100%，仅整数与六位HEX。允许零层输出none。列表顺序即CSS顺序，首层在最上面；不导入任意CSS、不生成滤镜或文字阴影，不自动判断视觉或无障碍质量。

参数只在当前页面内存计算，不上传、不自动保存，不调用外部API。预览由浏览器原生box-shadow绘制，最终效果仍受目标元素形状、容器裁剪和背景影响。