CSS字体动态渐变

最新推荐文章于 2024-07-07 21:55:16 发布

dianxu0804

最新推荐文章于 2024-07-07 21:55:16 发布

阅读量677

点赞数

文章标签：大数据

原文链接：http://www.cnblogs.com/luckgood/p/11001992.html

版权

<div class = "myTest">test</div>

<style>
    .myTest{
                      background:-webkit-linear-        
                gradient(left,#147B96,#E6D205 25%,#147B96 
          50%,#E6D205 75%,#147B96);
          color:transparent;
          -webkit-background-clip:text;
          background-size:200% 100%;
          animation:masked-animation 1s infinite linear;
    }
     @-webkit-keyframes masked-animation {
        100% {
          background-position:-100% 0;
        }
      }
</style>