Javascript 更改背景颜色&；字体颜色自动通过CSS

我想实现一个动画，其中

背景色

和

颜色

会自动改变

请参阅我创建的GIF：

我想实现完全相同的目标

如何做到这一点

---

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

您要查找的是@keyframe

这是一个类似的问题

我认为关键帧对于这一个非常有效，下面是一个示例：

---

不仅需要js，还需要coffeescript。看看关键帧在这种情况下不起作用

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