书犹药也,善读可以医愚

    

JS实现HTML动态渐变纯色背景+CSS动态渐变字

渐变字:

CSS代码:

<style>
#ishanColor{animation:change 10s infinite; }
@keyframes change{0%{color:#66e616;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#5cb85c;}100%{color:#e7e97d;}}
</style>

效果图:

JS实现HTML动态渐变纯色背景

JS代码:

$(function(){
    var sec=5;
    var sz=new Array('rgba(255,20,147,0.6)',
        'rgba(152,251,152,0.6)',
        'rgba(135,206,250)',
        'rgba(0,255,255,0.6)',
        'rgba(255,165,0,0.6)',
        'rgba(186,85,211,0.6)');
    timestar=setInterval(function(){
    if (sec >= 0) {
        document.body.style.background=sz[sec];
        sec--;
    }
    else{
        sec=5;
        }
    },1000);
})

CSS代码:

body{
     color: black
     background:white;
     transition: 3s;
}

添加新评论

  时光Time

岂能尽随人愿,但求无愧我心。
--- updated on 2019-11-23 12:52

  关于博主

98年,处女座,有一点点点点强迫症,性格诡异,情绪复杂多变。爱好码代码。也喜欢听歌与阅读,喜欢接触新鲜事物。座右铭:活到老,学到老,生命在于学习!

  近期评论

要铭记在心:每天都是一年中最美好的日子。

生活远没有咖啡那么苦涩,关键是喝它的人怎么品味!每个人都喜欢和向往随心所欲的生活,殊不知随心所欲根本不是生活。

如果错过了太阳时你流泪了,那么你也要错过群星了。

不如意的时候不要尽往悲伤里钻,想想有笑声的日子吧。

我不明白为什么要那么在意别人的看法,评头论足只是无聊人的消遣,何必看得如临大敌。如果你不吃别人家的饭,就别太把别人的话放在心上。