CSS 文本阴影调试
位移、模糊、颜色、透明度滑块实时调出文字投影，可叠加第二层阴影做立体字，预览文字随手改，代码即时输出。
参数 / Controls
实时
2px
3px
6px
35%
#101828 · 35%
预览与代码 / Preview
就绪
投影预览 Aa
阴影 1 层
代码 0 字符
耗时 0 ms
就绪
About
text-shadow 怎么调
语法是 text-shadow: X Y 模糊 颜色 —— 没有 box-shadow 的扩散（spread）参数。多个阴影用逗号分隔，先写的层画在上面。
常用场景
- 标题轻投影：Y 位移 2–3px、模糊 6–8px、透明度 30% 左右，字更立得住
- 悬浮按钮字：勾选「叠加第二层」，一层近清晰 + 一层远发散
- 海报立体字：硬边（模糊 0）+ 同色系深位移，做复古错位效果
小提示
深底浅字时阴影色用同色系更深一档（而非纯黑），投影会更干净；霓虹效果把模糊拉大、颜色取亮色、透明度拉高即可。