b站视频演示效果：
【web前端特效源码】使用 HTML CSS 实现打字机效果|前端开发 网页制作 基础入门教程 网页开发中常见的样式与特效，收藏起来肯定用的上！
效果图：
完整代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>【前端实例代码】使用 HTML CSS 实现打字机效果|前端开发 网页制作 基础入门教程 网页开发中常见的样式与特效，收藏起来肯定用的上！</title>
<style>
:root {
--bg-color: hsl(49 37% 94%);
--typewriterSpeed: 6s;