简单几行代码实现打字效果

  • 内容
  • 相关

简单几行代码实现打字效果

<meta charset="UTF-8" />
<title>
	Q云资源网简单实现打字效果
</title>
<style type="text/css">
  #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;}
    }
</style>
<p id="type" style="text-align:left;">
	<span style="font-size:16px;">Q云资源网 [www.qyun.vip]</span>
</p>
<p id="type" style="text-align:left;">
	<br />
</p>

 

本文最后更新于2018-5-27,已超过 1 年没有更新,如果文章资源失效,请评论反馈,我们会及时处理,谢谢!
头像
个人描述: 想她...

不知道看啥了?点我随便看看吧!(#^.^#)

本文标签:

版权声明:本文为《Zzl》投稿,转载请保留出处。

本文链接:简单几行代码实现打字效果 - http://www.qyun.vip/wangzhanyuanma/422.html

上一篇:Adobe 产品通用破解补丁 下一篇:一个不错的随鼠标移动彩色线条动态网站引导页源码

(~o ̄3 ̄)~ 发表评论,证明你来过~

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