动画无元素打字机

在分享了使用 CSS 制作的打字机效果后，@afif敲响了“CSS 战争”的鼓点并创建了一个不同的解决方案，而 @inhuofficial 也加入进来并准备制作一个“type-righter”......这是另一个作品：一个打字机的动画无元素卡通。

以及CodePen上的demo（点击右下角的“重新运行”按钮可以再次观看动画）：

没有 HTML 标签，因为这个 Pen 上没有 HTML 代码。有什么诀窍吗？CodePen 添加了基本的 HTML 结构，包括<body>标签，以便我们可以通过 CSS 为正文添加样式。看起来好像没有任何 HTML 元素，但其实还是有一些的……它们只是隐藏起来了！