升级 CSS 多行打字机效果

在这篇文章中，我将增强多行打字机，仅使用 CSS 创建“作家效果”的更花哨的变体。

_{PS：点击每个嵌入笔右下角的“重新运行”按钮可以再次运行动画。}

馅料

让我们逐个字母地更新现有文本的颜色。

滑行

滑动光标即可显示文本，为什么不呢！

一击

你说的是逐个字母的动画？不！我们一次性展示所有内容吧！

随机

不是那么随机，但看起来像

碎片化

未来的最后一项，我将考虑使用 CSS Paint API 构建的碎片效果

mask目前只有 Chrome 和 Edge 支持此功能。它应该可以处理多行文本，但 Chrome在处理多行文本时存在一些 bug 。

两年后恢复此功能，在任何地方均可获得全面支持且无任何错误。

就是这样！

现在你已经拥有了丰富的纯 CSS 打字机效果。尽情享用吧 👍