💡 CSS 霓虹灯效果生成器
文字发光 | 边框发光 | 多层阴影 | 呼吸动画 | 实时预览+代码
⚙️ 参数设置
效果类型
文字霓虹灯 (text-shadow)
边框霓虹灯 (box-shadow)
霓虹文字/内容
主色调
阴影强度 (px)
20
px
阴影扩散 (px)
0
px
动画速度 (秒,0=无动画)
0.8
s
文字/边框大小 (px)
56
px
文字颜色(仅文字模式)
✨ 实时预览
NEON
文字霓虹灯使用 text-shadow,边框霓虹灯使用 box-shadow
📋 CSS 代码
复制 CSS 代码
📖 使用说明
文字霓虹灯:设置 text-shadow 多层阴影,文字颜色默认为白色,可调整。
边框霓虹灯:设置 box-shadow 和半透明背景,模拟边框发光。
动画速度设置为 0 时关闭呼吸效果。
生成的 CSS 代码可直接复制到项目中。