Animated no-element typewriter
A drawing of a typewriter cartoon using CSS with no HTML elements… or not?
Apr 27, 2019
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):
The pen above does not have an HTML tab because there is no HTML code. The trick? CodePen adds a basic HTML structure –including the <body> tag–, so we can add styles via CSS to the body, and it will look like there aren't any HTML elements, but in reality, there are some... they are just hiding!
Originally published at https://dev.to on April 27, 2019.
