.star{
    position: absolute;
    top:100%;
    left:0%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.1),0 0 0 8px rgba(255,255,255,0.1),0 0 20px rgba(255,255,255,0.1);
    animation: animate 3s linear infinite;
}
.star::before{
    content:'';
    position: absolute;
    top: 50%;
    transform: translateX(100%);
    width: 1px;
    height: 300px;
    background: linear-gradient(180deg,#fff,transparent);
}
@keyframes animate
{
    0%
    {
        /* transform: rotate(90deg) translateX(0); */
        transform: rotate(0deg) translateX(0);
        opacity: 1;
    }
    70%
    {
        opacity: 1;
    }
    100%
    {
        /*transform: rotate(90deg) translateX(-1000px);*/
        transform: rotate(0deg) translateY(-1000px);
        opacity: 0;
    }
}
.star:nth-child(1){
    top: 70%;
    right: 10%;
    left: initial;
    animation-delay: 0s;
    animation-duration: 1s;
}
.star:nth-child(2){
    top: 30%;
    right: 20%;
    left: initial;
    animation-delay: 0.2s;
    animation-duration: 3s;
}
.star:nth-child(3){
    top: 80%;
    right: 13%;
    left: initial;
    animation-delay: 0.4s;
    animation-duration: 2s;
}
.star:nth-child(4){
    top: 45%;
    right: 24%;
    left: initial;
    animation-delay: 0.6s;
    animation-duration: 1.5s;
}
.star:nth-child(5){
    top: 65%;
    right: 90%;
    left: initial;
    animation-delay: 0.8s;
    animation-duration: 2.5s;
}
.star:nth-child(6){
    top: 85%;
    right: 80%;
    left: initial;
    animation-delay: 1s;
    animation-duration: 3s;
}
.star:nth-child(7){
    top: 50%;
    right: 87%;
    left: initial;
    animation-delay: 1.2s;
    animation-duration: 1.75s;
}
.star:nth-child(8){
    top: 80%;
    right: 76%;
    left: initial;
    animation-delay: 1.4s;
    animation-duration: 1.25s;
}
/*
.star:nth-child(9){
    top: 0px;
    right: 1000px;
    left: initial;
    animation-delay: 0.75s;
    animation-duration: 2.25s;
}
.star:nth-child(9){
    top: 0px;
    right: 450px;
    left: initial;
    animation-delay: 2.75s;
    animation-duration: 2.75s;
}
*/