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

Question

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

我在考虑CSS3动画，或者Javascript。但是JS看起来有点笨重。

我知道我可以使用.gif来实现这一点，但我更喜欢将其设置为“文本”，以防需要更改或动态生成，例如，用于用户名。

CSS关键帧是最好的方法吗？由于浏览器的支持，我不太喜欢CSS动画方法。有没有更好的主意？谢谢!

Answer 1

我个人推荐使用CSS3动画，并在不支持的浏览器中优雅地降级为非动画文本。

根据Can I Use的说法，所有主流的现代浏览器都支持CSS3动画:IE10、Firefox 5+、Chrome和Safari 4+ (无论如何都适用于桌面浏览器)。移动支持看起来也很不错。当然，一些浏览器需要前缀(例如-webkit-)。

如果您需要IE <= 9支持，您可以随时编写JavaScript并将其放入条件注释中。这有点多余，但话又说回来，当涉及到具有领先技术的跨浏览器兼容的web设计时，什么不是多余的？

另请参阅MDN article on CSS animations。