简单几行代码实现打字效果

<meta charset="UTF-8" />
<title>
    Q云资源网简单实现打字效果
</title>
<style type="text/css">
  #type{
        width:300px;    /*这里修改文字长度*/
        white-space:nowrap;
        overflow:hidden;
        -webkit-animation: dy 3s steps(60, end) infinite;
        animation: dy 3s steps(50, end) infinite;
    }
    @-webkit-keyframes dy{
        from { width: 0;}
    }
    @keyframes dy{
        from { width: 0;}
    }
</style>
<p id="type" style="text-align:left;">
    <span style="font-size:16px;">Q云资源网 [www.qyun.vip]</span>
</p>
<p id="type" style="text-align:left;">
    <br />
</p>