html底部文字添加彩色渐变文字-盛大互联

效果预览：

样式1“彩色渐变效果-有动画”

你惊艳了我的时光，也温柔了我的岁月

样式2“彩色渐变效果-无动画”

很庆幸能遇到你默默陪伴你　很庆幸跟你在一起不舍不弃　来我的怀里，或者，让我住进你的心里默然相爱寂静欢喜　不经意相识，或许,只是缘分，或许，是上天注定以后，不管世界怎样，你都有我　陪伴在你的身边一直守护你,永远爱着你

制作生成方法：

样式1-复制代码修改文字或颜色值即可

<style>
    .masked{
        text-align: center;
        background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 4s infinite linear;
      }
    @-webkit-keyframes masked-animation {
         0%{ background-position: 0 0;}
         100% { background-position: -100% 0;}
    }
</style>
<div class="masked" >
       <span style="font-size: 16px;">你惊艳了我的时光，也温柔了我的岁月</span>
</div>