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

程序交流
5 533

说到这个流光文字特效就不得不说到老李头分享给我的那个公告代码了,嗯对就是那个代码。我奇思妙想想到了这样运用。装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成功案例展示
    精选帖子
    国际导航采集扩展 2116
    api接口使用教程【v3.1.3】 995
    使用本系统搭建违法,触犯,站点公告">使用本系统搭建违法,触犯,站点公告 1042
    虚拟主机安装出现数据连接失败解决方案 916
    国际网址导航新版标签大全">国际网址导航新版标签大全 3079
    关于2.4之前版本想转3.0新版教程">关于2.4之前版本想转3.0新版教程 2075
    国际网址导航全新3.5版本下载(2020-06-15)">国际网址导航全新3.5版本下载(2020-06-15) 8940
    Guojiz网址导航系统V2.3.7正式版 1967
    Guojiz下载系统V1.1版本补丁发布 1272
    热门帖子
    功能建议整理归纳 997
    api接口使用教程【v3.1.3】 995
    修复下载模板的一些小问题 99
    默认后台管理用户、密码与口令是什么呀? 99
    后台不能修改站点信息怎么办 989
    欢迎各位大佬收录我的小站!!!! 986
    提交转圈不能修改支付配置 972
    导航系统bug及建议 969
    登不进后台 964
    ×

    导航授权优惠中...点击查看