纯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实现打字效果
         本页正文内容约267个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/214.html   百度已收录

发表评论

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