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

问题描述

我想制作一个动画-background-color和color会自动更改。

请参阅我创建的GIF：

我想实现完全相同的事情

如何做到这一点？

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

解决方法

您要找的是@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