文字阴影生成器 🔤

关于文字阴影生成器

文字阴影生成器完全在你的浏览器中运行。添加多个 text-shadow 图层，每个图层都有独立的 X/Y 偏移、模糊半径和颜色——预览会实时更新，生成的 CSS 可直接复制使用。图层从上到下渲染，列表中最上方的图层最先绘制（因此会落在其他图层之后）。所有处理都在本地完成，不上传任何数据。

text-shadow 属性

• X 偏移 —— 水平偏移（像素）。正值向右，负值向左。
• Y 偏移 —— 垂直偏移（像素）。正值向下，负值向上。
• 模糊 —— 模糊半径（像素）。0 为锐利，数值越大越柔和。
• 颜色 —— 阴影颜色，支持 HEX 或任何 CSS 颜色格式。

如何使用生成器

1. 点击+ 添加图层新增一个 text-shadow 图层。
2. 编辑每个图层的 X、Y、模糊和颜色。点击颜色块可改色。
3. 在浅色和深色预览背景之间切换，查看阴影效果。
4. 用每个图层的上下箭头重新排序，或用 × 删除。
5. 点击复制 CSS复制最终的 text-shadow 声明。

常见问题

多个阴影如何合并？ CSS 支持以逗号分隔的 text-shadow 值。列表中的第一个阴影会绘制在最上层，因此调整图层顺序会改变哪一层在前。

能创建霓虹或发光效果吗？ 可以。用多个图层，低模糊值配上亮色，在同一偏移上叠加可形成发光效果。

text-shadow 和 box-shadow 有什么区别？ text-shadow 只作用于文字字形；box-shadow 作用于整个元素盒。两者语法相似。

这个工具会上传我的设置吗？ 不会。所有操作都在本地浏览器中完成。