殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

Emlog纯css实现打字效果代码分享

殷德瑶 2016-6-5 emlog教程 评论 2288 次

以下几行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;}}
使用方法如下:


<p class="print">这里加入文字内容</p>


发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客