🎛️ CSS 阴影生成器

关于这个工具

CSS 阴影生成器是一款在线可视化工具，帮助您轻松创建和定制 CSS `box-shadow` 效果。您可以通过滑块精确调整水平偏移、垂直偏移、模糊半径、扩展半径、阴影颜色和透明度，并实时预览阴影效果。工具还提供了柔和、中等、硬朗、层叠、内阴影和霓虹等多种预设风格，一键应用，快速生成符合设计需求的阴影代码，并支持一键复制。

功能特点

• 🎛️ 可视化调整水平偏移、垂直偏移、模糊半径、扩展半径
• 🎨 自由选择阴影颜色并调整透明度
• 🔄 支持切换内阴影（inset）效果
• 📦 内置柔和、中等、硬朗、层叠、内阴影、霓虹等多种预设风格
• 👁️ 实时预览阴影效果，所见即所得
• 📋 一键生成并复制对应的 CSS `box-shadow` 代码
• 🔄 一键重置所有参数到默认值
• 🔒 所有计算在浏览器本地完成，数据不上传

使用场景

• 🖌️ 在 UI 设计中为按钮、卡片、模态框等元素添加精致的阴影效果
• 🎨 探索不同阴影参数组合，创造独特的视觉层次感
• 💻 前端开发中快速获取精确的 `box-shadow` CSS 值
• 📐 统一设计系统中阴影的规范与风格
• 🛠️ 快速原型设计，无需手动编写和调试阴影代码
• 📚 学习和理解 `box-shadow` 各参数对视觉效果的影响