众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。
霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓虹灯效应的作用在于吸引人们的注意力和增强品牌形象的辨识度，因为这种效果让人印象深刻且易于记忆，本次我们盘点适合暗色模式的网页特效，还是喜欢，暗夜的你。
发光特效
暗黑模式下最炫酷的效果无外乎发光，基本上页面元素的发光需要依赖box-shadow属性：
这里使用多个阴影值来创建分层效果。您可以用逗号分隔多个阴影值，它们将叠加在彼此上面。
但是这种效果比较单调，box-shadow属性只会保持所在的元素的形状上发光，如果我们想让一个元素的发光效果比较有层次感，那么就需要border-radius属性的配合。
我们可以通过给出多组值（用逗号分隔）来在一个元素上堆叠多个发光效果。发光效果将首先堆叠在顶部，最后一个堆叠在底部：
说白了就是渐进的光晕效果，最内层往最内层逐渐减淡：
配合动画特效，比如animation属性：
随后结合box-shadow：
我们就可以营造出这种“冷灯看剑，剑上几番功名”的特效：
对于SVG图片来说，不建议使用box-shadow，因为没法应用到path实体，这里建议使用filter属性：
这里通过第三个参数25px来控制发光的亮度，第四个参数可以改变颜色，暗色发光与亮色不发光的对比：
发光体与动画结合
除了静态的发光体，我们也可以让发光体“动”起来，首先建立发光体容器：
随后针对glowing容器添加动效：
这里通过colorChange方法来动态改变容器的位置和颜色，效果如下：
萤火虫特效
在移动发光体的基础上，我们可以继续精进，打造萤火虫的效果，首先创建元素容器：
这里容器越多，萤火虫越密集。
随后将容器样式改成fixed定位，让萤火虫跟随窗口移动：
随后编写移动动画，让萤火虫进行不规则运动：
这里每个萤火虫的移动轨迹都是单独定制的，可以使用Sass进行复用，效果如下：
暗夜流星
和萤火虫特效不同，暗夜流星顾名思义，就是璀璨的流星划过长夜，给人以转瞬即逝的美丽，首先还是设置容器元素：
这里除了流星容器，我们还使用stat容器设置繁星满天的效果，和流星特效交相辉映，相得益彰。
随后设置CSS样式:
这里stat容器通过上文的box-shadow属性设置发光点，随后15颗流星容器通过meteor方法效果划过夜空：
身前是万家灯火，身后是繁星闪烁，绝了。
结语
白天不懂夜的黑，夜色朦胧最迷离，黑夜给了我们黑色的眼睛，我们却用它来寻找发光的特效，暗夜发光，独自闪耀，摄人魂魄，心驰神往，别有一番风味。