CSS3 文字渐变动效

<span class="bgcolor-change">CSS3 渐变动效</span>
<p class="bgcolor-change">CSS3 渐变动效</p>
<a class="bgcolor-change">CSS3 渐变动效</a>

/*
    css3 效果
 */
/*颜色渐变*/
.bgcolor-change {
    /*初始颜色*/
    color: #f35626;
    /*渐变颜色*/
    background-image: linear-gradient(92deg, #f35626 0%,#feab3a 100%);
    /*填充文字*/
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*时间*/
    animation: hue 10s infinite linear;
}

@keyframes hue {
  from {
    filter: hue-rotate(0deg);
  }

  to {
    filter: hue-rotate(-360deg);
  }
}