<h1>CSS is awesome!</h1>
@keyframes typing {
  from { 
    width: 0 
  }
 }
 @keyframes caret {
   50% { 
     border-color: transparent; 
   }
 }
 h1 {
   width: 15ch; /* Width of text */
   overflow: hidden;
   white-space: nowrap;
   border-right: .05em solid;
   animation: typing 6s steps(15),caret 1s steps(1) infinite;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.