代刷网公告文字显示打字效果的装修代码

代刷网文字公告装修美化方法可以有改变文字的大小,颜色以及渐变,这次是改变它的出场方式,这个文字像是一个一个打出来的一样,所以称他为打字效果!演示效果如下:

代刷网装修【www.d1dsw.com】

代码:

<center> 
<style type="text/css">
  #type{
        color:red;      /*这里修改文字颜色*/
        width:500px;	/*这里修改文字长度*/
        white-space:nowrap;
        overflow:hidden;
        -webkit-animation: dy 5s steps(60, end) infinite;
        animation: dy 5s steps(50, end) infinite;/*这里修改文字时间(5s)*/
    }
    @-webkit-keyframes dy{
        from { width: 0;}
    }
    @keyframes dy{
        from { width: 0;}
    }
</style>
 <p id="type">代刷网装修【www.d1dsw.com】</p>
</center> 

文字修改在(代刷网装修【www.d1dsw.com】)这里更改需要显示出的文字,如果你需要修改一些东西的话,代码旁边都会有相应的注释,修改代码即可!我觉得可以放在底部排版做个本站网址的说明也是不错的选择!

任何装修美化前记得保存下原来的文件,防止出错!
由于代码具有可复制性,一经出售概不退换!
代码、文件下载链接失效除外
所有资源不提供任何免费帮助,可付费咨询!
购买后默认同意以上条件!
空空网 » 代刷网公告文字显示打字效果的装修代码

适用于彩虹代刷系统,其他请自行测试!

QQ咨询