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

作者 : 世萌 本文共645个字,预计阅读时间需要2分钟 发布时间: 2020-05-19 共15人阅读

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


<!-- js颜色渐变色文字 -->
<div id="moml">
        <div style="text-align:center;">
            颜色渐变文字效果
        </div>
    <script language="javascript">
    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>
</div>

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

<!-- css颜色渐变变色文字 -->
<div id="momk">
    <div style="text-align:center;">
            颜色渐变文字效果
        </div></div>
<style>
#momk{animation:change 10s infinite;font-weight:100; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>

 

 

世萌博客,一个假装正经的伪程序员!
世萌 » CSS和JS两种渐变颜色文字效果代码

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
怎么获取萌币?
世萌博客1元=1萌币,注册会员后充值即可或者每天签到送0.5萌币

发表评论

发表评论

提供最优质的资源集合

立即查看 了解详情