直接上代码:
<h1 id="hh">CSS is awesome</h1>
<style>
*{
padding: 0;
margin:0;
}
@keyframes bounce{
from{width: 0}
}
@keyframes caret{
50%{border-color: transparent;}
}
h1{
width: 15ch;
animation: bounce 8s steps(15), caret 1s steps(1) infinite;
white-space:nowrap;
overflow: hidden;
border-right:.05em solid;
}
</style>