纯css实现简单的打字效果

以下几行代码可以实现纯css实现打字机的效果。

css部分：

1. .print{
   width:250px;
   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;}
   }

html部分：

1. <p class=“print”>SBKKO 新颖的创意，精美的视觉</p>