¿Es posible establecer la repetición de la línea roja en su div exterior al final de la página?

Aquí está la imagen haga clic aquí

.crossline {
width: 2px;
height: 10px;
border-bottom: 1px solid red;
-webkit-transform:
translateY(-20px)
translateX(5px)
rotate(27deg);
position: relative;

}

0
Rohan Nayani 3 dic. 2016 a las 07:05
Probablemente debería usar una imagen o posiblemente una linear-gradient para eso.
 – 
connexo
3 dic. 2016 a las 07:28
Gracias ! Lo he intentado, ¿podrían enviarme una muestra para configurar la imagen en el div externo?
 – 
Rohan Nayani
3 dic. 2016 a las 07:29
.outer-div { background-image: url(path/to/your/img.png) repeat; }
 – 
connexo
3 dic. 2016 a las 07:32

1 respuesta

La mejor respuesta

Esto es algo que podría hacer utilizando gradientes lineales repetidos.

div {
  width: 100px;
  height: 600px;
  background: repeating-linear-gradient(45deg, #ff0000, #ff0000 1px, #ffffff 1px, #ffffff 10px);
}
<div></div>
3
Sreekanth 3 dic. 2016 a las 07:37
¡Excelente! +1 de mi lado :)
 – 
Rohan Nayani
3 dic. 2016 a las 07:55