在兩種顏色之間不斷變化的文字

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並將其置於條件註釋中。這有點多餘，但是當涉及到具有領先技術的跨瀏覽器兼容網頁設計時，什麼又不是多餘的？

另請參閱MDN article on CSS animations。