CSS和JS两种颜色渐变文字效果代码

诗梦
420
文章
723
评论
2018年7月17日14:47:54 1 11.6K 次浏览 742字阅读2分28秒
广告

心灵毒鸡汤:

两种颜色渐变文字代码,js来自杨小姐博客,下面看效果。
CSS和JS两种颜色渐变文字效果代码
CSS和JS两种颜色渐变文字效果代码

js实现颜色渐变文字效果代码:
  1. <!-- js颜色渐变色文字 -->
  2. <div id="moml">
  3.         <div style="text-align:center;">
  4.             颜色渐变文字效果
  5.         </div>
  6.     <script language="javascript">
  7.     function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("moml").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); </script>
  8. </div>

css实现颜色渐变文字效果代码:

  1. <!-- css颜色渐变变色文字 -->
  2. <div id="momk">
  3.     <div style="text-align:center;">
  4.             颜色渐变文字效果
  5.         </div></div>
  6. <style>
  7. #momk{animation:change 10s infinite;font-weight:100; }
  8. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  9. </style>
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2018年7月17日14:47:54
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接

评论已关闭!

评论:1   其中:访客  1   博主  0
    • avatar miss啊 2

      请问添加在哪里