HTML CSS如何实现打字效果
发布时间:2017-04-25 浏览次数:
标题:HTML CSS如何实现打字效果
发表人:DiDi发表时间:2017-04-25
详细内容:HTML CSS如何实现打字效果,类似于gif东华的那样

姓名:cssWuRan

其实很简单,只需要几行 CSS 样式就可解决,但是我不会,哈哈哈

姓名:daDAN

我给你个demo

类似于gif的打印效果

姓名:cssWuRan

我看了他的源码,哈哈                  

#type{        

width:300px;/*这里修改文字长度*/        

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;}    

}

我要发表跟帖