纯css实现打字效果

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

css部分：

.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部分：

<p class="print">从良未遂太帅了</p>

实际效果：

从良未遂太帅了！