通过 CSS 自动更改背景颜色和字体颜色

Question

我想实现一个动画 - 其中 background-color 和 color 自动更改。

请看我制作的动图：

我想要实现完全相同的目标

如何做到这一点？

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

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