<h1> I' am a <span class="type"><span>CSS typewriter</span></span> </h1>
<p>
  I am a <span class="type"><span>CSS only</span></span> solution that rely on a small amount of code. 
</p>
<small>Created by <span class="type"><span>Temani Afif</span></span>
</small>
.type {
  display:inline-flex;
}

.type span {
  word-break: break-all;
  height: 1.2em;
  width:0%;
  overflow: hidden;
  animation:t 2s linear infinite alternate;
}
.type span:before {
  content:" ";
  display:inline-block;
}

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


/**/

h1 {
  display:table;
  margin:auto;
}

p {
  font-size:25px;
}

p + p {
  font-style:italic;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.