CSS实现文字的打字机效果

本文章是完全通过HTML和CSS实现的打字机效果。在网上反复查询了挺多的资料，还看了挺多作者制作的打字机效果，感觉都没达到自己想要的效果，就自己想了，一套思路。废话不多说，边看代码边解释：

此方法主要是通过给右边框添加透明化和关键帧样式，使其达到跳动光标的效果，文字部分通过（overflow：hidden）使其达到从隐藏到显现的效果。

1.第一步，加上段落，方便显示效果

<div class="text">
        <p class="line animation">
            滚滚长江东逝水，浪花淘尽英雄。是非成败转头空。青山依旧在，几度夕阳红。

        </p>
        <p