svg两端交汇动效

HTML:

LESS:

svg.electricity {
    display: block;
    width: 100%;
    @-webkit-keyframes dash {
        to {
            stroke-dasharray: 80 0;
        }
    }
    .my-path {
        fill: none;
        stroke: black;
        stroke-width: 1px;
        stroke-linecap: round;
        stroke-dasharray: 0 160;/* stroke-dasharray在SVG中表示描边是虚线，两个值，第一个是实线的宽度，第二个是实线之间的间距。 */
        animation: dash 5s linear forwards;
    }
}