svg#triangle {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

svg#triangle path:first-child {
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  -webkit-animation: draw 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: draw 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@-webkit-keyframes draw {
  0% {
    stroke-dashoffset: 95;
    opacity: 0.3;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  70% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0.3;
  }
}

@keyframes draw {
  0% {
    stroke-dashoffset: 95;
    opacity: 0.3;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  70% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0.3;
  }
}
}