css 实现打字特效（仅支持单行文本）

<p class="typingText">多想你知道，爱就在我心底流淌。</p>
 

    .typingText{
        width: 15em;
        /*帧动画 */
        animation: widthChange steps(15) 8s, blinkCursor steps(1) 1s infinite;
        overflow: hidden;
        /* 文本不换行： */
        white-space: nowrap;
        border-right: 0.1em solid;
    }

    @keyframes widthChange {
        0% {
            width: 0;
        }
    }

    @keyframes blinkCursor {
        50% {
            /* 颜色透明 */
            border-color: transparent;
        }
    }