Linear Wiping Text

p {
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  animation: linearwipe 6s steps(60, end); 
}

@keyframes linearwipe{ 
  from { width: 0; } 
}