`算ぺ子ミ 发表于 2022-10-4 17:06:20

html文字扫光特效

HTML内：
<div class="music-title">你的文字内容</div>CSS内：
<style scoped>
    .music-title{
      color: #040404;
      background-image: -webkit-linear-gradient(left,
      #FEFDFC,
      #070707 25%,
      #070707 50%,
      #070707 75%,
      #070707 100%);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-background-size: 150% 100%;
      -webkit-animation: masked-animation 5s infinite linear;
    }

    @-webkit-keyframes masked-animation {
      0% {
            background-position: 0 0;
      }
      100% {
            background-position: -100% 0;
      }
    }
</style>

や‘木朵 发表于 2022-10-4 17:12:26

支持一下

吃樱桃的小丸子 发表于 2022-10-4 17:19:28

占坑编辑ing

你给的感动╮ 发表于 2022-10-4 17:25:51

超級精彩，我非常喜歡

静水幽情 发表于 2022-10-4 17:33:28

谢 谢

曲線美 发表于 2022-10-4 17:41:06

路过

笑靥、如花 发表于 2022-10-4 17:47:16

我赞成。

尐安逸丶 发表于 2022-10-4 17:55:37

慢慢来，呵呵

ω伪谁婷镏 发表于 2022-10-4 18:02:41

天啊.

樱空之雪 发表于 2022-10-4 18:09:18

支持支持再支持
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: html文字扫光特效