简单几行代码CSS实现网页自动打文字效果

公告:荻酷网每天不定时为大家更新各种实用技术教程、编曲资源,脚本源代码,插件,软件应用等资讯、绝大部分资源都包更新及经过亲测演示,下载荻酷网客户端、获取最新资源不迷路。 下载说明:如果是种子链接请下载专用工具进行下载,其它网盘链接可直接访问下载。

简单几行代码CSS实现网页自动打文字效果

实现打开网页自动打字效果,用于作网站公告等用途非常不错。

<html>
<head>
<meta charset=\"UTF-8\">
<title>荻酷网简单实现打字效果</title>
</head>
 
<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>
 
<body>
<p id=\"type\">荻酷网【www.cndkk.com】 </p>
</body>
</html>

 

    温馨提示:本文最后更新于2024-06-13 21:12:45,某些文章具有时效性,若有错误或已失效,请在下方留言
    ©版权声明
    感谢您的阅读
    点个小爱心支持一下吧
    点赞5赞赏 分享