Box Shadow 生成器

CSS box-shadow 可视化编辑生成器,支持多层阴影

前端工具免费本地处理

Box Shadow 生成器功能亮点

多层阴影

支持添加多层阴影,每层独立控制偏移、模糊、扩展和颜色。

实时预览

调整任意参数立即在预览区域看到阴影效果变化。

🔒

纯前端本地处理

所有操作在浏览器中完成,数据不上传服务器,保障隐私安全。

Box Shadow 生成器常见问题

支持添加无限层阴影,每层可独立设置偏移、模糊、扩展、颜色和内阴影属性。

inset使阴影显示在元素内部而非外部,常用于输入框凹陷效果和内发光效果。

spread正值扩大阴影面积,负值缩小,用于控制阴影的扩散或收缩程度。