收起左侧

[网站代码] html文字扫光特效

  [复制链接]
  • 打卡等级:初来乍到
  • 打卡总天数:6
  • 打卡月天数:1
  • 打卡总奖励:174
  • 最近打卡:2024-02-10 01:25:38

244

主题

40

回帖

493

积分

管理员

发表于 2022-10-4 17:06:20 | 显示全部楼层 |阅读模式
HTML内:
  1. <div class="music-title">你的文字内容</div>
复制代码
CSS内:
  1. <style scoped>
  2.     .music-title{
  3.         color: #040404;
  4.         background-image: -webkit-linear-gradient(left,
  5.         #FEFDFC,
  6.         #070707 25%,
  7.         #070707 50%,
  8.         #070707 75%,
  9.         #070707 100%);
  10.         -webkit-text-fill-color: transparent;
  11.         -webkit-background-clip: text;
  12.         -webkit-background-size: 150% 100%;
  13.         -webkit-animation: masked-animation 5s infinite linear;
  14.     }

  15.     @-webkit-keyframes masked-animation {
  16.         0% {
  17.             background-position: 0 0;
  18.         }
  19.         100% {
  20.             background-position: -100% 0;
  21.         }
  22.     }
  23. </style>
复制代码


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;

如何回报帮助你解决问题的坛友:一个好办法就是给对方加【建筑币】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复

使用道具 举报

1

主题

4468

回帖

2235

积分

功德圆满

发表于 2022-10-4 17:12:26 | 显示全部楼层
支持一下
回复

使用道具 举报

0

主题

4437

回帖

2219

积分

功德圆满

发表于 2022-10-4 17:19:28 | 显示全部楼层
占坑编辑ing
回复

使用道具 举报

0

主题

4418

回帖

2209

积分

功德圆满

发表于 2022-10-4 17:25:51 | 显示全部楼层
超級精彩,我非常喜歡
回复

使用道具 举报

4

主题

4396

回帖

2200

积分

功德圆满

发表于 2022-10-4 17:33:28 | 显示全部楼层
谢 谢
回复

使用道具 举报

2

主题

4382

回帖

2192

积分

功德圆满

发表于 2022-10-4 17:41:06 | 显示全部楼层
路过
回复

使用道具 举报

1

主题

4406

回帖

2204

积分

功德圆满

发表于 2022-10-4 17:47:16 来自手机 | 显示全部楼层
我赞成。
回复

使用道具 举报

2

主题

4462

回帖

2232

积分

功德圆满

发表于 2022-10-4 17:55:37 | 显示全部楼层
慢慢来,呵呵
回复

使用道具 举报

0

主题

4412

回帖

2206

积分

功德圆满

发表于 2022-10-4 18:02:41 | 显示全部楼层
天啊.
回复

使用道具 举报

0

主题

4441

回帖

2221

积分

功德圆满

发表于 2022-10-4 18:09:18 | 显示全部楼层
支持支持再支持
回复

使用道具 举报

发表回复

*滑块验证:
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表