SOURCE

<!-- <svg width="1000" height="1000">
    <defs>
        <linearGradient x1="0%" x2="100%" y1="0%" y2="0%"  id="bian">
            <stop offset="0%" style="stop-color:pink"></stop>
            <stop offset="30%" style="stop-color:#03A1E2"></stop>
            <stop offset="60%" style="stop-color:#FCFB85"></stop>
            <stop offset="100%" style="stop-color:#7EC03A"></stop>

        </linearGradient>
    </defs>
  <ellipse cx="400" cy="200" rx="250" ry="150" fill="url(#bian)"/>  
</svg> -->
<!-- <svg width="1000" height="1000">
    <rect width="500" height="500" class="gun"/>
</svg> -->
<svg width="1000" height="500">
    <text fill="pink" stroke="red" stroke-width=3 font-size="150" x="50" y="180" stroke-dasharray="5" class=zi1 >WO AI NI</text>
    <text fill="pink" stroke="blue" stroke-width=3 font-size="150" x="50" y="180" stroke-dasharray="10" class=zi2>WO AI NI</text>
    <text fill="pink" stroke="grreen" stroke-width=3 font-size="150" x="50" y="180" stroke-dasharray="15" class=zi3>WO AI NI</text>
    <text fill="pink" stroke="purple" stroke-width=3 font-size="150" x="50" y="180" stroke-dasharray="20" class=zi4>WO AI NI</text>
</svg>

/* @keyframes bianshai{
    0%{
        fill: #F8A74E;
        width:100px;
    }
    25%{
        fill: #9AD94A;
        width:200px;
    }
    50%{
        fill: #F9F959;
        width:300px;
    }
    75%{
        fill: #0D9DE3;
        width:400px;
    } 
    100%{
        fill: #75DAF6;
        width:500px;
    }
}
.gun{
    animation:bianshai 4s infinite
    } */
/* @keyframes dong{
    0%{
        fill:red;
        height: 100px;
    }
    25%{
        fill: blue;
        height:200px;
    }
    50%{
        fill: yellow;
        height: 300px;
    }
    75%{
        fill: purple;
        height: 400px;
    }
    100%{
        fill: green;
        height: 500px;
    }
}
.gun{
    animation:dong 4s infinite
} */
@keyframes zi2bian{
    0%{
    stroke-dasharray:52;
    }
    100%{
    stroke-dasharray:105;
    }

}
@keyframes zi3bian{
    0%{
    stroke-dasharray:66;
    }
    100%{
    stroke-dasharray:192;
    }
}
@keyframes zi4bian{
    0%{
    stroke-dasharray:71;
    }
    100%{
    stroke-dasharray:50
    }
}
.zi2{
    animation: zi2bian 1s infinite
}
.zi3{
    animation: zi3bian 0.5s infinite
}
.zi4{
    animation: zi4bian 0.1s infinite
}