SOURCE

console 命令行工具 X clear

                    
>
console
<svg width="1000" height="500">
    <text fill="none" stroke="green" font-size="140" x="300" y="300" stroke-dasharray="5" stroke-width="5" class="zi1">LU XIN YU</text>
    <text fill="none" stroke="pink" font-size="140" x="300" y="300" stroke-dasharray="10" stroke-width="5" class="zi2">LU XIN YU</text>
    <text fill="none" stroke="red" font-size="140" x="300" y="300" stroke-dasharray="15" stroke-width="5" class="zi3">LU XIN YU</text>
    <text fill="none" stroke="blue" font-size="140" x="300" y="300" stroke-dasharray="20" stroke-width="5" class="zi4">LU XIN YU</text>
</svg>
@keyframes zi2bian{
0%{
    stroke-dasharray:40;
}
100%{
    stroke-dasharray:165;
}
}
@keyframes zi3bian{
    0%{
    stroke-dasharray:165;
}
100%{
    stroke-dasharray:200;
}

}
@keyframes zi4bian{
    0%{
    stroke-dasharray:111;
}
100%{
    stroke-dasharray:195;
}

}

.zi2{
    animation: zi2bian 2s infinite;
}
.zi3{
    animation: zi3bian 2s infinite;
}
.zi4{
    animation: zi4bian 2s infinite;
}