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/

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