[TOC] ## 示例 ``` <style> @keyframes typing { from { width: 0; } } @keyframes blink-caret { 50% { border-color: transparent; } }/*边框模拟光标*/ h1 { font: bold 200% Consolas, Monaco, monospace; border-right: .1em solid; /*width: 16.5em; !* fallback *!*/ width: 30ch; /* 字符数*/ margin: 2em 1em; white-space: nowrap; overflow: hidden; animation: typing 20s steps(30, end), /* # of steps = # of chars */ blink-caret .5s step-end infinite alternate; } </style> <h1>Typing animation by Lea Verou.</h1> ```