高模糊半径本身不发光，需配合浅色基底、多层错开模糊值及递减透明度才形成霓虹光晕；单层高模糊仅显灰蒙，三层叠加（如8px/24px/48px+递减alpha）最有效。
box-shadow 高模糊半径为什么反而不发光？
高模糊半径（比如 32px）本身不等于发光，它只负责“扩散”；真正产生发光感的是颜色 + 透明度的衰减组合。纯黑+高模糊会变成灰蒙蒙的一团，像脏污而不是光晕。关键在：用浅色基底（如 rgba(100, 150, 255, 0.3)）、多层错开模糊值、且每层 alpha 必须递减。
怎么配多层 box-shadow 才像霓虹光晕？
单层高模糊阴影无法模拟真实光晕的亮度衰减，必须分层叠加。常见错误是所有层用相同 alpha 或相同颜色——结果是毛玻璃感，不是光。
- 第一层（最内）：
0 0 8px rgba(100, 150, 255, 0.4)—— 贴边、中等模糊、稍高透明度 - 第二层（居中）：
0 0 24px rgba(130, 170, 255, 0.2)—— 更大模糊、颜色略亮、alpha 下调 - 第三层（最外）：
0 0 48px rgba(180, 210, 255, 0.08)—— 最大模糊、最淡、最宽
注意：三层已到视觉极限，加第四层人眼无法分辨差异，反而增加渲染开销；所有层 blur-radius 必须为正，且不能设 spread-radius（会破坏光晕自然发散感）。
深色背景 vs 浅色背景的发光色怎么选？
发光投影对背景极度敏感。在浅色背景上用蓝紫色可能完全不可见；在深色背景上用浅灰则直接“消失”。不要复用同一套值。
- 深色背景（
#121212等）：优先用冷色系，如rgba(100, 180, 255, 0.3)，避免黄/橙（易显脏） - 浅色背景（
#f9f9f9等）：改用低饱和度暖灰，如rgba(220, 220, 230, 0.6)，并把模糊半径压到12px–20px（太高会泛白失焦） - 切主题时别只换
background-color，box-shadow的 color 和 alpha 必须同步重算
text-shadow 做发光文字时容易糊成一团？
不是模糊半径设太高，而是没控制好偏移量和颜色对比。文字发光本质是“外发光”，所以前两个参数（水平/垂直偏移）必须为 0，否则光会拉扯变形。
正确写法示例（白色文字在深色背景上）：
text-shadow: 0 0 4px rgba(100, 180, 255, 0.5), 0 0 12px rgba(100, 180, 255, 0.3), 0 0 24px rgba(100, 180, 255, 0.1);
重点：0 0 是硬性要求；三层足够；alpha 每层砍半比线性递减更符合光学衰减直觉；别加 border 或 outline，它们会干扰光晕边缘判断。
最常被忽略的一点：发光效果在高 DPR 屏（如 MacBook Pro、iPhone）上会明显变细、变锐。别指望媒体查询自动适配——blur-radius 在 CSS 像素单位下不会缩放，必须手动加大，比如从 12px 改成 16px 并微调 alpha。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
