html文字扫光特效

`算ぺ子ミ

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. 
    
16.     @-webkit-keyframes masked-animation {
    
17.         0% {
    
18.             background-position: 0 0;
    
19.         }
    
20.         100% {
    
21.             background-position: -100% 0;
    
22.         }
    
23.     }
    
24. </style>

复制代码

や‘木朵

支持一下

吃樱桃的小丸子

占坑编辑ing

你给的感动╮

超級精彩，我非常喜歡

静水幽情

谢 谢

曲線美

路过

笑靥、如花

我赞成。

尐安逸丶

慢慢来，呵呵

ω伪谁婷镏

天啊.

樱空之雪

支持支持再支持