jQuery:
// Гирлянда
$('body.home').prepend('<ul class="lightrope"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>');CSS:
/* Гирлянда */
.lightrope{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1100;margin:-16px 0 0 0;padding:0;pointer-events:none;width:100%;}
.lightrope li{position:relative;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;list-style:none;margin:0;padding:0;display:block;width:9px;height:18px;border-radius:50%;margin:20px;display:inline-block;background:#0af700;box-shadow:0px 4.66667px 24px 3px #0af700;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s;}
.lightrope li:nth-child(2n+1){background:#5fb9ff;box-shadow:0px 4.66667px 24px 3px #5fb9ff;-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:0.4s;animation-duration:0.4s;}
.lightrope li:nth-child(4n+2){background:#f70000;box-shadow:0px 4.66667px 24px 3px #f70000;-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s;}
.lightrope li:nth-child(4n+1){background:#f7d513;box-shadow:0px 4.66667px 24px 3px #f7d513;-webkit-animation-name:flash-4;animation-name:flash-4;-webkit-animation-duration:1.3s;animation-duration:1.3s;}
.lightrope li:nth-child(odd){-webkit-animation-duration:1.8s;animation-duration:1.8s;}
.lightrope li:nth-child(3n+1){-webkit-animation-duration:1.4s;animation-duration:1.4s;}
.lightrope li:before{content:"";position:absolute;background:#524D47;width:8px;height:7.33333px;border-radius:3px;top:-4.66667px;left:1px;}
.lightrope li:after{content:"";top:-14px;left:9px;position:absolute;width:44px;height:18.66667px;border-bottom:solid #524D47 2px;border-radius:50%;}
.lightrope li:last-child:after{content:none;}
.lightrope li:first-child{margin-left:-40px;}
@-webkit-keyframes flash-1{
0%,
100%{background:#0af700;box-shadow:0px 4.66667px 24px 3px #0af700;}
50%{background:rgba(10,247,0,0.4);box-shadow:0px 4.66667px 24px 3px rgba(10,247,0,0.2);}
}
@keyframes flash-1{
0%,
100%{background:#0af700;box-shadow:0px 4.66667px 24px 3px #0af700;}
50%{background:rgba(10,247,0,0.4);box-shadow:0px 4.66667px 24px 3px rgba(10,247,0,0.2);}
}
@-webkit-keyframes flash-2{
0%,
100%{background:#5fb9ff;box-shadow:0px 4.66667px 24px 3px #5fb9ff;}
50%{background:rgba(95,185,255,0.4);box-shadow:0px 4.66667px 24px 3px rgba(95,185,255,0.2);}
}
@keyframes flash-2{
0%,
100%{background:#5fb9ff;box-shadow:0px 4.66667px 24px 3px #5fb9ff;}
50%{background:rgba(95,185,255,0.4);box-shadow:0px 4.66667px 24px 3px rgba(95,185,255,0.2);}
}
@-webkit-keyframes flash-3{
0%,
100%{background:#f70000;box-shadow:0px 4.66667px 24px 3px #f70000;}
50%{background:rgba(247,0,0,0.4);box-shadow:0px 4.66667px 24px 3px rgba(247,0,0,0.2)247,0,0;}
}
@keyframes flash-3{
0%,
100%{background:#f70000;box-shadow:0px 4.66667px 24px 3px #f70000;}
50%{background:rgba(247,0,0,0.4);box-shadow:0px 4.66667px 24px 3px rgba(247,0,0,0.2);}
}
@-webkit-keyframes flash-4{
0%,
100%{background:#f7d513;box-shadow:0px 4.66667px 24px 3px #f7d513;}
50%{background:rgba(247,213,19,0.4);box-shadow:0px 4.66667px 24px 3px rgba(247,213,19,0.4);}
}
@keyframes flash-4{
0%,
100%{background:#f7d513;box-shadow:0px 4.66667px 24px 3px #f7d513;}
50%{background:rgba(247,213,19,0.4);box-shadow:0px 4.66667px 24px 3px rgba(247,213,19,0.4);}
}