元旦快乐,分享一个本站在用挺好看的流光文字

程序交流
5 969

说到这个流光文字特效就不得不说到老李头分享给我的那个公告代码了,嗯对就是那个代码。我奇思妙想想到了这样运用。装x必备哈哈。。。

颜色不一定非要和我这个一样,是可以调的。

效果图:

1


代码:

     

    #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 2s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;

        }

        100% {

            background-position: -100%, 0;

        }

    }

这里写自己想要的文字

——————这里———不用————复制——————

————拿走不留言的,JJ短15米


  • 墨染导航网 墨染导航网
    2020-01-01 04:09:22
    #1楼 回复

    代码又自己运行了。。。我补个链接https://pan.xunlew.com/s86366  


  • 国际岛技术导航 国际岛技术导航
    2020-01-02 09:23:59
    #2楼 回复

    666

  • 我抽的不是烟是想念 我抽的不是烟是想念 高级授权
    2020-01-04 09:11:40
    #3楼 回复

    css还是没改变啊,只是把那个框框删除了


    墨染导航网 墨染导航网
    2020-01-04 02:36:14

  • 冰焰 冰焰
    2020-01-15 11:21:47
    #4楼 回复

    大佬666

  • 自助授权 官方qq群826939491 Guojiz成功案例展示
    精选帖子
    国际导航30多款模板进行免费 2025
    国际导航采集扩展 3982
    api接口使用教程【v3.1.3】 2103
    使用本系统搭建违法,触犯,站点公告 2221
    虚拟主机安装出现数据连接失败解决方案 4591
    国际网址导航新版标签大全 5577
    关于2.4之前版本想转3.0新版教程 3157
    国际网址导航全新V4.1(2021-1-19) 23435
    Guojiz网址导航系统V2.3.7正式版 3116
    热门帖子
    国际网址导航如何配置七牛解决方案 973
    元旦快乐,分享一个本站在用挺好看的流光文字 968
    更新了 我来了修动过模板的老铁是不是伤脑筋了,那点进来看看 922
    注册机好多啊 914
    黑白导航网欢迎各位站长提交收录 90
    分享四个采集规则 896
    分享一个网页看板娘 890
    请在网站根目录存放favicon.ico 888
    Guojiz国际网址导航防红添加代码 864