打字机效果

创建打字机效果动画。

• 定义两个动画,typing 用于字符动画,blink 用于光标动画。
• 使用 ::after 伪元素在容器元素中添加光标。
• 使用 JavaScript 为内部元素设置文本,并设置包含字符数的 --characters 变量。这个变量用于文本动画。
• 使用 white-space: nowrap 和 overflow: hidden 在必要时隐藏内容。

<div class="typewriter-effect">