CSS 阴影生成器

可视化调节多层 box-shadow 与 inset 内阴影，实时预览并复制 CSS

TL;DR 核心定义与引用摘要: 【CSS 阴影生成器】用于可视化调节多层 box-shadow 与 inset 内阴影，实时预览并复制 CSS。核心输入和文件在当前浏览器中处理，不发送到 PocketKit API；页面仅记录不包含输入内容的匿名工具访问次数。

CSS 阴影生成原理

工具把每层阴影的水平/垂直偏移、模糊、扩展、颜色与透明度拼成 box-shadow 值，多层用逗号叠加，并实时预览。纯本地生成。

1. 怎么做出多层阴影？

点“添加阴影层”，box-shadow 支持用逗号叠加多组值，工具会自动合并，常用一层紧实近阴影加一层柔和远阴影。

2. inset 是什么？

inset 让阴影画在元素内部，形成凹陷或内发光效果，勾选即可，常用于按钮按下态或输入框。