console
<svg width="1000" height="1000" class="zong">
<text x="60"y="150" font-size="140" stroke="red"stroke-width="5"> wolod</text>
<text x="60"y="150" font-size="140" stroke="green"stroke-width="10"class="z2">wolod</text>
<text x="60"y="150" font-size="140" stroke="blue"stroke-width="10"class="z3">wolod</text>
<text x="60"y="150" font-size="140" stroke="pink"stroke-width="5"class="z4">wolod</text>
</svg>
.zong{
background-color:black;
}
@keyframes z2bian{
0%{
stroke-dasharray: 50;
}
100%{
stroke-dasharray: 15;
}
}
@keyframes z3bian{
0%{
stroke-dasharray: 100;
}
100%{
stroke-dasharray: 10;
}
}
@keyframes z4bian{
0%{
stroke-dasharray: 25;
}
100%{
stroke-dasharray: 50;
}
}
.z2{
animation: z2bian 1s infinite;
}
.z3{
animation: z3bian 1s infinite;
}
.z4{
animation: z4bian 2s infinite;
}