以下几行代码可以实现纯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">IT疯狂女你太美了</p>