css - 在 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 <= 9 支持，您可以随时编写 JavaScript 并将其放在条件注释中。这有点多余，但是当涉及到具有领先技术的跨浏览器兼容网页设计时，又有什么不是多余的呢？

另请参阅有关 CSS 动画的 MDN 文章。