@keyframes dash {
  0% {
    stroke-dashoffset: 10000;
    
    stroke-width: 1px;
  }
  100% {
    stroke-dashoffset: 2000;    
    stroke-width: 2px;
  }
}


.line1 {
  stroke-dashoffset: 2000;    
  stroke-width: 2px;
  stroke: #000;
  /*stroke: url(#linear-gradient);*/
  fill: none;
  
  stroke-dasharray: 10000 10000;
  animation: dash 3s ease;
}
   
.line2 {
  stroke-dashoffset: 2000;    
  stroke-width: 2px;
  stroke: #000;
  /*stroke: url(#linear-gradient2);*/
  fill: none;
  
  stroke-dasharray: 10000 10000;
  animation: dash 3s ease;
}