CSS - Lineas CSS

Hola buen día
quisiera saber como puedo hacer ese tipo de lineas y agregarles movimientos en css para ponerlo de fondo en una pag web
unas lineas van de izq a derecha y viceversa

alguien me podría enseñar ?
de ante mano se los agradezco

intente algo asi pero no me queda
en css----------------------------------------------------------------.
linea {
margin: 10px;
height: 10px;
width: 50%;
background-color: rgb(217, 0, 0);
border-radius: 50px;
transform: rotate(45deg);
animation: lin 10s linear infinite;
}

@keyframes lin {
from{transform: translateY(0px);}
to{transform: translateY(1000px);} }


en html------------------------------------------------------
<div class="linea"></div>



hace la linea parecida a la que quiero y hace un recorrido hacia abajo pero sale una linea horizontal y no respeta transform: rotate(45deg); los 45 grados

No he podido hacer nada pues estoy en la ofi pero al poner stripes css movement hay muchos ejemplos de los cuales se puede guiar.

Y en https://css-tricks.com/stripes-css/ hay mucho recurso para lo que necesita

gracias no los conocia lo voy a checar :D

Te invito a ver como uso lineas <hr> en mis videos, saludos

https://youtu.be/wGWYKFgJXf4