解决方法
h1 {
color: #f35626;
background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(360deg);
}
}
对于像这样的标记
<h1>CHANGE COLOR TEXT</h1>
你可以在这里看到一个例子：http://jsfiddle.net/3oqep26z/
修改动画时间以加快颜色变化
