CSS 阴影生成器
可视化调 box-shadow本地处理 · 数据不上传
预设
CSS 代码
这个工具还可以用来:CSS阴影生成器box-shadow生成器阴影效果
使用方法
- 1拖动滑块调整阴影参数，或选择预设。
- 2需要时叠加多层阴影。
- 3复制 CSS 代码。
常见问题
为什么要叠加多层阴影？
一层近而清晰、一层远而模糊，组合起来更接近真实光影，看起来更柔和自然。
inset 是什么？
内阴影，阴影出现在元素内部，常用于输入框和按下状态。
可视化调 box-shadow本地处理 · 数据不上传
一层近而清晰、一层远而模糊，组合起来更接近真实光影，看起来更柔和自然。
内阴影，阴影出现在元素内部，常用于输入框和按下状态。