CSS3动画属性，给概化图做水流量动态流向

CSS3动画属性，给概化图做水流量动态流向

.runing {
    stroke-dasharray: 30, 5;
    animation: run 100s linear infinite;
  }
  @keyframes run {
    from {
      stroke-dashoffset: 100%;
    }
    to {
      stroke-dashoffset: 0%;
    }
  }
  .runing2 {
    stroke-dasharray: 30, 5;
    animation: path-animation 100s linear infinite;
  }
  @keyframes path-animation {
    from {
      stroke-dashoffset: 0%;
    }
    to {
      stroke-dashoffset: 100%;
    }
  }

}