🔤 CSS文字阴影生成器

关于CSS文字阴影生成器

text-shadow CSS属性为文字添加阴影效果。可以通过逗号分隔的列表叠加多个阴影，制作发光、描边、3D和霓虹效果。本生成器让你添加任意多层并即时复制完整CSS字符串。

可控属性

• 水平偏移 —— 正值将阴影向右移动，负值向左。
• 垂直偏移 —— 正值将阴影向下移动，负值向上。
• 模糊半径 —— 0为清晰副本，值越大越柔和。
• 颜色 —— 任意CSS颜色，包括 rgba() 实现透明。
• 多层 —— 叠加多层实现发光、描边或分层3D效果。

如何使用

1. 调整第一层的偏移、模糊和颜色。
2. 点击添加层叠加更多阴影。
3. 不需要时用×按钮移除该层。
4. 编辑预览文字和背景以匹配你的设计。
5. 点击复制CSS并粘贴到样式表中。

常见问题

如何制作霓虹发光效果？ 添加3-4层相同亮色，逐渐增加模糊（如0px、2px、6px、12px）——分层模糊形成柔和光晕。

可以创建文字描边吗？ 可以——使用4层0模糊、分别在上下左右偏移1px。这样可模拟描边效果。

为什么阴影看起来有锯齿？ 0模糊会生成文字的硬边副本。略微增加模糊即可获得更平滑的边缘。