长风破浪会有时，直挂云帆济沧海。 —— 李白《行路难》
CSS阴影在线生成器
Box Shadow可视化编辑 / 多层投影叠加 / inset内阴影 / 一键复制CSS代码
阴影 1
生成的CSS代码
Box Shadow使用技巧
CSS box-shadow可以为元素添加投影效果，支持多层叠加。使用inset可以创建内阴影效果。多层阴影组合可以模拟更真实的光影关系。配合渐变色生成器可以创建更丰富的视觉效果。
常见问题
阴影生成器可以设置多层阴影吗？
可以，点击"添加阴影层"按钮即可增加阴影层，每层可独立设置偏移、模糊、扩散和颜色，支持同时预览多层叠加效果。
支持inset内阴影效果吗？
支持，每个阴影层都可以单独勾选inset选项，实现向内凹陷的内阴影效果，常用于按钮按下态和输入框样式。
生成的阴影CSS代码可以直接复制到项目吗？
可以，复制按钮会生成标准的CSS box-shadow属性代码，直接粘贴使用即可，支持多层阴影的逗号分隔格式。