元旦快乐,分享一个本站在用挺好看的流光文字
说到这个流光文字特效就不得不说到老李头分享给我的那个公告代码了,嗯对就是那个代码。我奇思妙想想到了这样运用。装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米
最新会员
- 精选帖子
- 新版4.2授权码的填写方式 6840
- 国际导航30多款模板进行免费 8658
- 国际导航采集扩展 13333
- api接口使用教程【v3.1.3】 9144
- 使用本系统搭建违法,触犯,站点公告 9934
- 虚拟主机安装出现数据连接失败解决方案 21490
- 国际网址导航新版标签大全 19326
- 关于2.4之前版本想转3.0新版教程 10252
- GUOJIZ国际网址导航系统全新V5.8(2022-04-26) 78188
- 热门帖子
- 素材系统预计月底发布 9983
- 使用本系统搭建违法,触犯,站点公告 9934
- MyuCMS社区+商城内容管理系统V2.0正式版 9649
- 广告添加万能调用方法 9642
- api接口使用教程【v3.1.3】 9144
- Guojiz导航系统手机模板【xin】 9134
- 国际导航30多款模板进行免费 8658
- Guojiz导航系统升级到2.3.6丁【20191015】 8599
- 关于安装后登录后台账号密码 8110