什么是CSS 阴影生成？
CSS 阴影生成器通过滑块调节水平垂直偏移、模糊半径、扩展半径与不透明度，支持内阴影，实时预览并输出 rgb() 现代语法的 CSS。生成在浏览器本地完成。
怎么用CSS 阴影生成？
- 1拖动滑块调节四个几何参数。
- 2设置阴影颜色与不透明度。
- 3需要内凹效果时打开「内阴影」。
- 4复制 CSS。
常见问题
怎么让阴影看起来更真实？+
遵循「小偏移 + 大模糊 + 低不透明度」：垂直偏移 1 到 4 像素、模糊是偏移的 2 到 4 倍、不透明度 0.06 到 0.16。真实光照下阴影是柔和且浅的，加深颜色只会显得脏。
多层阴影怎么做？+
box-shadow 支持逗号分隔多组值。常见做法是叠一层小而实的（表现接触面）加一层大而柔的（表现环境光），例如 0 1px 2px rgb(0 0 0 / .08), 0 8px 24px rgb(0 0 0 / .08)。