文字彩虹跑马灯效果特效代码

1000 一级用户组 2021-04-20 23

<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>

<span class="masked">文字彩虹跑马灯效果特效代码。</span>

把以上代码用WML调用即可。

最新回复 (0)
返回
发新帖