<span class="type">
<span>Some text here</span>
</span>
.type {
font-size:50px;
display:inline-flex;
border:2px solid red;
}
.type span {
height:1.2em;
width:0%;
word-break:break-all;
overflow: hidden;
border:2px solid green;
animation:t 2s linear infinite alternate;
}
.type span:before {
content:" ";
display:inline-block;
}
@keyframes t{
90%,100% {width:100%}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.