打字机
用宽度动画模拟逐字打出的效果，配合等宽字体更自然。
效果预览
参数调节
完整代码
/* 打字机 */
@keyframes typewriter {
from { width: 0; }
to { width: 100%; }
}
.typewriter { overflow: hidden; white-space: nowrap; border-right: 2px solid currentColor; animation: typewriter 2s steps(20) both; }