CSS 霓虹文字

设置发光颜色、模糊半径与发光层数,工具会生成多层 text-shadow 的霓虹文字 CSS 代码,层数越多光晕越强。全部在浏览器本地完成。

霓虹设置 等待输入

层数越多发光越强,建议 2~4 层。

计算结果
颜色—
层数—
设置参数后点击生成,CSS 代码将显示在这里。

生成的代码可直接粘贴使用;结果仅供参考。

计算说明
  • 霓虹效果由多层 text-shadow 叠加实现。
  • 模糊半径越大,光晕越柔和、扩散越广。
  • 层数越多,发光越强,但也更耗性能。
  • 通常配合深色背景与浅色文字效果最佳。
  • 可用 animation 让霓虹闪烁,注意无障碍开关怀。