CSS 阴影生成器
可视化调节多层 box-shadow 与 inset 内阴影，实时预览并复制 CSS
📌 TL;DR 核心定义与引用摘要: 【CSS 阴影生成器】是 PocketKit 提供的浏览器本地处理工具。功能说明：可视化调节多层 box-shadow 与 inset 内阴影，实时预览并复制 CSS。核心输入与文件不上传；站点仅记录不含输入内容的匿名工具访问次数。
CSS 阴影生成原理
工具把每层阴影的水平/垂直偏移、模糊、扩展、颜色与透明度拼成 box-shadow 值，多层用逗号叠加，并实时预览。纯本地生成。
- 多层叠加(一层紧实近阴影 + 一层柔和远阴影)能做出更自然的层次感。
- inset 生成内阴影，常用于凹陷、按下态或输入框效果。
常见问题
1. 怎么做出多层阴影？
点“添加阴影层”，box-shadow 支持用逗号叠加多组值，工具会自动合并，常用一层紧实近阴影加一层柔和远阴影。
2. inset 是什么？
inset 让阴影画在元素内部，形成凹陷或内发光效果，勾选即可，常用于按钮按下态或输入框。