CSS 阴影生成器

CSS 阴影生成器可以可视化地创建 box-shadow 效果，支持多层阴影叠加、内阴影、预设模板，并自动生成 CSS 和 Tailwind CSS v4 代码。所有处理均在浏览器本地完成。

• 多层阴影：支持添加多个阴影层，每层独立调整参数，叠加组合复杂效果。
• 参数调节：X/Y 偏移、模糊半径、扩展半径、颜色、透明度、内阴影均可调。
• 预设模板：8 种常用阴影预设，包含轻微、中等、大阴影及霓虹效果。
• 预览背景：白色、浅灰、深色、黑色四种背景切换，检查不同场景效果。
• CSS 代码：自动生成标准 box-shadow CSS 代码，一键复制。
• Tailwind v4：自动匹配 Tailwind 内置阴影类名，自定义阴影生成任意值语法。

• 管理阴影层：点击"添加"新增阴影层，点击层卡片切换编辑，点击删除图标移除。
• 调整参数：拖动滑块调节 X/Y 偏移、模糊、扩展和透明度，勾选 inset 启用内阴影。
• 使用预设：在"预设阴影"卡片中点击任意预设，快速应用常用阴影效果。
• 切换背景：预览区右上角可切换白色/浅灰/深色/黑色背景，验证不同场景效果。
• 复制代码：CSS 代码区点击"复制"获取 box-shadow 属性值。
• Tailwind 用法：自动匹配内置类名（如 shadow-md），自定义阴影生成任意值语法（如 shadow-[...]）。