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

Posted 2023-03-06

【中文标题】通过 CSS 自动更改背景颜色和字体颜色 [关闭]

【英文标题】：Change Background Color & Font Color Automatically Via CSS [closed]

【发布时间】：2020-12-13 00:19:51

【问题描述】：

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

请看我创建的 GIF：

我想实现完全相同的目标

如何做到这一点？

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

【问题讨论】：

不仅需要js，还需要coffeescript。

看看CSS animations

【参考方案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

【讨论】：

关键帧在这种情况下没有帮助