💨
CSS 阴影生成器
在线免费 CSS box-shadow 生成工具，支持多层阴影叠加，实时预览效果，一键生成 CSS 代码。
Preview
Click to copy
box-shadow: 5px 5px 15px 0px rgba(26,26,46,0.2);常见问题
可以创建内阴影吗？
可以，切换 Inset 复选框即可创建内部阴影而非外部阴影。
相关工具
使用方法
- 1 使用滑块调整 X 偏移、Y 偏移、模糊半径和扩展半径。
- 2 选择阴影颜色并设置不透明度。
- 3 切换 **Inset** 创建内阴影而非投影。
- 4 复制生成的 CSS box-shadow 属性值。