After sharing a typewriter effect with CSS, @afif beat the drums of "CSS War" and created a different solution, and @inhuofficial hopped in and is preparing a "type-righter"... Here's another entry: an animated no-element cartoon of a typewriter.
And the demo on CodePen (click the "re-run" button at the bottom right corner to see the animation again):
There is no HTML tab because there's no HTML code on this pen. The trick? CodePen adds a basic HTML structure, including the <body>
tag so that we can add styles via CSS to the body, and it will look like there aren't any HTML elements, but there are some... they are just hiding!