渐变彩色网站访问统计代码教学

渐变彩色网站访问统计代码

代码如下:

<style>
#nr{
    font-size:15px;
    margin: 0;
    background: -webkit-linear-gradient(left,
        #ffffff,
        #ff0000 6.25%,
        #ff7d00 12.5%,
        #ffff00 18.75%,
        #00ff00 25%,
        #00ffff 31.25%,
        #0000ff 37.5%,
        #ff00ff 43.75%,
        #ffff00 50%,
        #ff0000 56.25%,
        #ff7d00 62.5%,
        #ffff00 68.75%,
        #00ff00 75%,
        #00ffff 81.25%,
        #0000ff 87.5%,
        #ff00ff 93.75%,
        #ffff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    animation: masked-animation 3s infinite linear;
}
@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100%, 0;
    }
}
</style>
<b id="nr">
统计代码放在这里
<br/>

效果图:

南图博客

CTRL+D快速收藏,欢迎常来喔

未经允许不得转载:作者: 南图, 转载或复制请以 超链接形式 并注明出处 南图博客
原文地址: 《渐变彩色网站访问统计代码教学》 发布于2020年7月3日

本文链接:渐变彩色网站访问统计代码教学 - https://www.ntaaa.cn/1029.html

本文标签:

发表评论
0 评论
还没有评论,快来抢沙发吧!