在 2 种颜色之间不断变化的文本

Question

我在这里有什么选择？我想让一些文本不断地从颜色 A 变为颜色 B，而不是悬停。

我在考虑 CSS3 动画，或者可能是 Javascript。但是 JS 似乎有点笨重。

我知道我可以为此使用 .gif，但我更希望它实际上是“文本”，以防需要更改或动态生成它，例如用户名。

CSS 关键帧是最好的方法吗？由于浏览器支持，我对 CSS 动画方法有点不情愿。有没有人有更好的想法？谢谢！

Answer 1

我个人建议在不受支持的浏览器上使用 CSS3 动画并优雅地降级为非动画文本。

根据Can I Use，所有主要的现代浏览器都支持 CSS 3 动画：IE 10、Firefox 5+、Chrome 和 Safari 4+（无论如何都适用于桌面浏览器）。移动支持看起来也不错。当然，有些浏览器需要前缀（即-webkit-）。

如果您需要 IE

另见MDN article on CSS animations。