<span class="type">
  <span>Some text here</span>
</span>
.type {
  font-size:50px;
  display:inline-flex;
  border:2px solid red;
}

.type span {
  width:0%;
  word-break:break-all;
  overflow: hidden;
  border:2px solid green;
  animation:t 2s linear infinite alternate;
}

@keyframes t{
  90%,100% {width:100%}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.