SOURCE

console 命令行工具 X clear

                    
>
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;
}