纯css实现打字效果

div+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>

效果预览：

我的网络收藏夹。每天学习一点，每天进步一点。

来自http://www.ithmz.com/typing-effect.html