打字機
用寬度動畫模擬逐字打出的效果，配合等寬字體更自然。
效果預覽
參數調節
完整代碼
/* 打字機 */
@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; }