通过 CSS 自动更改背景颜色和字体颜色 [关闭]

Question

我想实现一个动画 - background-color 和 color 会自动变化。

请看我创建的 GIF：

我想实现完全相同的目标

如何做到这一点？

我已经尝试过使用关键帧。但在这种情况下，它不是选项

Answer 1

你要找的是@keyframe。

这是类似的问题
CSS background color keyframes animation

@keyframes animation {
0%     {background-color:red;}
50.0%  {background-color:blue;}
100.0%  {background-color:red;}
}

http://jsfiddle.net/yjsh9613/

我认为关键帧非常适合这个，这里是示例： https://codepen.io/jerrykck/pen/eYZERPe