CSS 文字阴影生成器

创建文字阴影图层

1. 编辑示例文字及每个启用图层的水平偏移、垂直偏移、模糊半径、颜色和不透明度。输入框支持两位小数，滑块便于快速调整整数。
2. 添加、复制、禁用、移除或移动图层。列表中第一层启用的阴影位于其他阴影前面。禁用的图层保留输入，但不会输出到 CSS。
3. 查看当前 CSS 和原生预览，然后选择复制 CSS。只复制阴影声明；示例文字、字体和背景仅用于预览。

理解生成的图层

每层输出水平偏移、垂直偏移、非负模糊半径（单位为 CSS 像素）和明确的 RGBA 颜色。负偏移向左或向上移动；零模糊产生清晰的位移阴影。该属性沿字形而非矩形盒子绘制。

第一层阴影绘制在后续阴影前面，而外部阴影仍在文字后面。移动图层可能改变重叠颜色。这不同于每一步处理前一步结果的滤镜管线。

阴影不透明度成为该层颜色的 alpha。例如 37.5% 精确转换为 0.375，不经过八位 alpha 量化。文字不透明度是独立的预览颜色设置，因此透明文字仍可显示阴影。

启用的透明图层仍保留在声明中。禁用所有图层或清空列表会输出 text-shadow: none;，明确重置继承的阴影；无效的空声明不能替代它。

顺序、颜色与透明图层示例

示例第一层水平偏移 -3.25px、垂直偏移 6.5px、模糊 0px，颜色为 #336699，不透明度为 37%。颜色通道为 51、102、153，alpha 为 0.37。第二层橙色阴影使用 0px、-2px、12px 模糊和 80% 不透明度。

将橙色图层移到第一位会改变逗号分隔的顺序，不会改变各层数值。预览可帮助观察重叠；工具不会合并、排序或删除不可见图层。

零偏移、零模糊的透明黑色图层也是有效 CSS，即使看不到阴影。禁用它则会从列表中输出的阴影中移除；没有启用图层时输出 none。

编辑与预览限制

编辑器最多支持十二层，偏移范围为 -64 至 64 CSS 像素，模糊为 0 至 64，颜色为六位十六进制，不透明度为 0 至 100%，精度为百分之一。它有意使用既有语法子集，不支持扩散、inset、currentColor、任意单位或 CSS 导入；较新规范讨论了额外语法。

示例使用纯文本和本地系统字体。字体回退、字形、大小、换行及折行都会影响外观。复制只包含 text-shadow，因此目标页面可能不同；这不是对比度、可读性或像素一致性认证。

阴影不会增大文字布局或可滚动溢出区域。带内边距的预览仅供参考，边缘可能裁剪模糊或偏移；滚动不能保证看到所有阴影像素。

启用图层的无效输入会暂时移除 CSS 和带样式的示例。禁用图层的字段在重新启用前不参与验证。仅预览设置无效时仍可复制有效 CSS；示例文字可以为空。

本地样式，不上传文字

本工具不添加示例或设置的上传、远程字体、保存历史、包含输入的链接或遥测。复制需主动操作。现有网站服务、扩展和自行保留的副本不在普遍隐私或删除承诺内。