CSS 随机改变文本颜色

Question

我知道如何用 JS 做到这一点，但在 http://daneden.github.io/animate.css/ 中Animate.css 文字变化如此流畅，上面没有JS!

有人可以解释一下吗？

谢谢

Answer 1

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/

修改动画时间以加快颜色变化