在某些场景下，需要实现类似的比较有赛博感的发光特效，该怎么做呢，其实很简单
1.首先这个特效其实可以看做两个部分，字体的发光，这里的字体明显比正常的#fff的颜色要更亮，其实是用了 text-shadow文字阴影实现，
三个参数分别为 color :指定颜色。请参阅颜色单位和附录：颜色表 length :由浮点数字和单位标识符组成的长度值。可为负值第一个length指定阴影的水平延伸距离。 第二个length :指定阴影的垂直延伸距离。 opacity :由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个length全部设定为0。
此处的效果，一般设置为text-shadow: 0 0 5px #fff;可根据实际情况做调整。
2.其次是盒子容器的外部光晕特效，实际是用filter滤镜实现的
常用滤镜：
1、使用filter：blur(px) - 生成毛玻璃效果，值越大越模糊。
2、使用filter：drop-shadow() - 生成整体阴影效果，和box-shadow相似，但又不同。
3、使用filter：opacity(%) - 生成透明度，0%是完全不饱和，100%图像无变化。
4、使用filter: *grayscale(%) - 生成灰度效果，0%是正常无变化，100%是完全灰度图像效果。
此处的效果，一般设置为filter: drop-shadow(0 0 1.5em #1ac8d3);可根据实际情况做调整。
所以整体其实就几行css即可实现
` .you-box { color: #1ac8d3; font-size: 16px; border: 1.5px solid #1ac8d3; padding: 2px; border-radius: 6px; transition: all 0.3s; 添加过渡效果，可以使效果更顺滑，减少生硬感。 } .you-box:hover { background: #1ac8d3; color: #fff; text-shadow: 0 0 5px #fff; filter: drop-shadow(0 0 1.5em #1ac8d3); }
`
