body{overflow:hidden}section{position:absolute;top:0;left:0;width:100%;height:66vh}span{position:absolute;top:50%;left:50%;animation:animate 3s linear infinite;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #fff;border-radius:50%;background:#fff;width:4px;height:4px}span:before{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#fff,transparent);width:150px;height:1px;content:""}@keyframes animate{0%{transform:rotate(315deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(316deg) translate(-1000px);opacity:0}}span:nth-child(1){top:0;right:0;left:initial;animation-duration:2s;animation-delay:0}span:nth-child(2){top:0;right:80px;left:initial;animation-duration:4s;animation-delay:.2s}span:nth-child(3){top:80px;right:0;left:initial;animation-duration:3s;animation-delay:.4s}span:nth-child(4){top:0;right:180px;left:initial;z-index:10;animation-duration:2.5s;animation-delay:.6s}span:nth-child(5){top:0;right:400px;left:initial;z-index:10;animation-duration:3.5s;animation-delay:.8s}span:nth-child(6){top:0;right:600px;left:initial;animation-duration:4s;animation-delay:1s}span:nth-child(7){top:300px;right:0;left:initial;z-index:10;animation-duration:2.75s;animation-delay:1s}span:nth-child(8){top:0;right:700px;left:initial;animation-duration:2.25s;animation-delay:1.4s}span:nth-child(9){top:0;right:1000px;left:initial;animation-duration:3.25s;animation-delay:.75s}span:nth-child(10){top:0;right:1000px;left:initial;z-index:10;animation-duration:3.25s;animation-delay:2.75s}