console
<!DOCTYPE html>
<html>
<head>
<style>
body{
height:100%;
background-color:rgb(2,2,73);
}
svg{
background-color:rgba(0,0,0,0.5);
}
text{
font-size:120px;
stroke:green;
stroke-width:5;
stroke-dasharray:5;
}
.text1{
stroke:red;
animation:text1 10s infinite;
}
.text2{
stroke:yellow;
animation:text2 10s infinite;
}
.text3{
stroke:skyblue;
animation:text3 10s infinite;
}
@keyframes text1{
0%,100%{
stroke-dasharray:20;
}
50%{
stroke-dasharray:250;
}
}
@keyframes text2{
0%,100%{
stroke-dasharray:233;
}
50%{
stroke-dasharray:10;
}
}
@keyframes text3{
0%,100%{
stroke-dasharray:10;
}
30%{
stroke-dasharray:30;
}
50%{
stroke-dasharray:183;
}
}
</style>
</head>
<body>
<svg width="900" height="300">
<text class="text0" x="40" y="200">x b k</text>
<text class="text1" x="40" y="200">x b k</text>
<text class="text2" x="40" y="200">x b k</text>
<text class="text3" x="40" y="200">x b k</text>
</svg>
</body>
</html>