TEXT EFFECT
霓虹灯管文字Neon Text
文字外裹多层发光，像霓虹灯管，并做明暗闪烁模拟灯管不稳定。
效果预览
OPEN 24H
适合用在哪
夜间/派对主题、活动现场页、音乐与游戏产品、深色主题的强调词。
容易踩的坑
- 明暗闪烁幅度过大或频率超过每秒 3 次，会有光敏性癫痫风险。
- 三层大半径 text-shadow 用在多行正文上，滚动时重绘成本很高。
- 浅色主题下直接套用，发光效果消失只剩一圈脏色晕边。
设计提示词 · Prompt
霓虹灯管文字（Neon Text）：深色（#08080e）容器承载文字。文字颜色用浅色（如 #e0e7ff），再用三层同色系 text-shadow 叠出辉光：0 0 5px #a5b4fc、0 0 14px #6366f1、0 0 30px #4f46e5。用 2.7s ease-in-out 无限循环在「强」与「弱」两套阴影值之间往复（弱光时缩短半径、降低不透明度），模拟灯管轻微不稳。字号 19-40px、字重 700、字距 0.02em。
Neon Text: a dark (#08080e) container holds the text. The text color is light (e.g. #e0e7ff), with three layers of same-family text-shadow stacked for glow: 0 0 5px #a5b4fc, 0 0 14px #6366f1, 0 0 30px #4f46e5. Use a 2.7s ease-in-out infinite loop alternating between a "strong" and a "weak" set of shadow values (shorter radii and lower opacity when dim) to simulate a slightly unstable tube. Font size 19-40px, font weight 700, letter-spacing 0.02em.
常见搭配
同一页面里经常和「霓虹灯管文字」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-center"> <div class="tx-neon">OPEN 24H</div> </div>