CSS实现打字效果

.print{
    width:250px;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: dy 3s steps(60, end) infinite;
    animation: dy 3s steps(60, end) infinite;
}

@-webkit-keyframes dy{
     from { width: 0;}
  }

@keyframes dy{
      from { width: 0;}
  }

HTML

<p class="print">
                      欢迎来到我的地盘
 </p>