不喜欢广告? 去 无广告 今天
CSS Box Shadow Generator
颜色开发人员
广告 · 消除?
广告 · 消除?
指导
CSS Box Shadow Generator
通过实时预览直观地设计精美的盒子阴影。添加多个阴影图层,调整偏移、模糊、扩展和颜色,然后复制 CSS — 无需手动编码。
如何使用
调整水平和垂直偏移、模糊半径、扩展和不透明度的滑块。切换内嵌以实现内阴影。最多可添加 10 个阴影图层以获得复杂效果。使用预设库快速获得新拟态、发光效果或凸起卡片等起点。准备好后复制生成的 CSS。
特征
- 实时预览 – 在调整参数时,实时查看将阴影应用于示例框的效果
- 多图层 – 堆叠最多 10 个阴影图层,以获得复杂、逼真的效果
- 内阴影 – 为每个阴影图层切换外阴影和内阴影(内嵌)
- 颜色与不透明度 – 每个阴影图层都可使用完整颜色选择器和不透明度控制
- 预设库 – 柔和阴影、硬阴影、新拟态、凸起卡片、按下按钮、发光效果等
- 复制 CSS – 一键复制完整的 box-shadow CSS 代码
广告 · 消除?
