纯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>

 隐藏文字部分 [/hide]

点赞
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
纯css实现打字效果
本文标签:
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/214.html   百度未收录

发表评论

电子邮件地址不会被公开。 必填项已用*标注

00:00 / 00:00
顺序播放