零栈工坊
🔒 数据不上传 · 全部在浏览器本地处理,内容不会发送到服务器
🌑

阴影(box-shadow)生成器

调节偏移 / 模糊 / 扩散 / 颜色与内阴影,实时预览并复制 CSS。纯前端运行。

box-shadow: 0 8px 24px rgba(0,0,0,.25);
使用场景: 卡片悬浮投影、按钮立体感、输入框聚焦描边。颜色与透明度组合为 rgba(),便于叠加在任意背景上。勾选 inset 可生成内凹阴影(常用于输入框 / 凹槽)。
零栈工坊 · 更多工具 · 返回首页 · 鄂ICP备2026047216号

论坛讨论 · 真实用户交流