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

程序交流
6 3875

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

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

效果图:



代码:

     

    #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米


  • 创宇 创宇
    2021-01-21 11:35:16
    #1楼 回复

    大佬666


  • 冰焰 冰焰 高级授权
    2020-01-15 11:21:47
    #2楼 回复

    大佬666

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

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


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

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

    666

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

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


  • 自助授权 官方qq群826939491
    精选帖子
    新版4.2授权码的填写方式 5713
    国际导航30多款模板进行免费 7556
    国际导航采集扩展 12144
    api接口使用教程【v3.1.3】 8041
    使用本系统搭建违法,触犯,站点公告 8717
    虚拟主机安装出现数据连接失败解决方案 17031
    国际网址导航新版标签大全 18200
    关于2.4之前版本想转3.0新版教程 9124
    GUOJIZ国际网址导航系统全新V5.8(2022-04-26) 68722
    热门帖子
    导航系统正式发布欢迎下载测试反馈 9664
    后台文章管理导航栏缺少审核和未审核状态查看 930
    Guojiz下载系统素材系统抢先发布1.0版本 9213
    关于2.4之前版本想转3.0新版教程 9124
    Guojiz导航系统模板标签调用参数大全 9079
    素材系统预计月底发布 8787
    使用本系统搭建违法,触犯,站点公告 8717
    广告添加万能调用方法 8629
    MyuCMS社区+商城内容管理系统V2.0正式版 8605