CSS 阴影生成器

CSS 阴影生成器

CSS 阴影生成器在线调整水平偏移、垂直偏移、模糊、扩散、颜色和 inset 内阴影，实时生成 box-shadow 样式。

使用方法与常见问题

1. 调整偏移、模糊和扩散参数。
2. 选择颜色并按需开启内阴影。
3. 复制生成的 box-shadow 代码。

常见问题：阴影颜色、背景色和元素层级会共同影响视觉效果，复杂设计可以叠加多个阴影声明。

适用场景

适用于卡片、按钮、输入框、悬浮层和网页视觉细节设计。