CSS Box Shadow Generator

CSS Box Shadow Generator

通过实时预览直观地设计精美的盒子阴影。添加多个阴影图层，调整偏移、模糊、扩展和颜色，然后复制 CSS — 无需手动编码。

如何使用

调整水平和垂直偏移、模糊半径、扩展和不透明度的滑块。切换内嵌以实现内阴影。最多可添加 10 个阴影图层以获得复杂效果。使用预设库快速获得新拟态、发光效果或凸起卡片等起点。准备好后复制生成的 CSS。

特征

• 实时预览 – 在调整参数时，实时查看将阴影应用于示例框的效果
• 多图层 – 堆叠最多 10 个阴影图层，以获得复杂、逼真的效果
• 内阴影 – 为每个阴影图层切换外阴影和内阴影（内嵌）
• 颜色与不透明度 – 每个阴影图层都可使用完整颜色选择器和不透明度控制
• 预设库 – 柔和阴影、硬阴影、新拟态、凸起卡片、按下按钮、发光效果等
• 复制 CSS – 一键复制完整的 box-shadow CSS 代码