仿霓虹灯形式的SVG动画

消失的霓虹灯

今天，影视飓风发布了视频【1个招牌能买1套房？霓虹灯为什么消失了】，看到这个视频的第一瞬间便是想到应该是说香港，因为当前的发展形势下，国内如此规模的霓虹灯应该早就消失了，当下貌似只有香港留存的霓虹灯会比较多。

如此一想，霓虹灯展现出来的光给人的感觉是带着飘渺虚幻的，有种很不真实的错觉，这种错觉让人感到放松。霓虹灯所发出的光，正如Tim所说，是一种温暖而又柔和的光。

制作SVG版霓虹灯Banner

看完视频，突然就想起了自己的博客Banner目前也是仿霓虹灯的样式，但是当时在制作的时候，总觉得差点意思，可是又说不上来哪里不对劲，也就将就着用上了初版Banner。今天看完视频算是猛然醒悟，没错，我想做的就是仿经典样式的霓虹灯效果。

说干就干，还真tm难干，太久没做了，制作方法都忘的差不多了🤣

经过了一番找寻，找到了当时制作过程的存档文件，在Adobe Illustrator中输入文字，并将文字转换为路径，对路径位置以及画布大小等参数进行调整，以便加入特效后的边界不会戛然凸显。

通过css代码打印出每段路径的长度，以便动画能够流畅的进行。

在SVG图片中加入闪烁动画，以模拟霓虹灯的闪烁感。

最终效果