元旦快乐,分享一个本站在用挺好看的流光文字
说到这个流光文字特效就不得不说到老李头分享给我的那个公告代码了,嗯对就是那个代码。我奇思妙想想到了这样运用。装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授权码的填写方式 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