製作CSS3漸變背景旋轉

Question

我已經爲一個項目設置了一個CSS3背景漸變，並且我想慢慢旋轉它。我剛剛開始使用CSS3 &HTML5（請注意，我已經使用了HTML 15年的CSS &，但有很多新東西）。是否有可能旋轉背景，而不是實際的元素？

如果你想看到它，它在http://www.itjustwerx.net - 頂部左側的無限符號（是的，即使它在文本的前景上，它是一個背景漸變，得到愛背景剪輯）;我不希望文字旋轉，但我確實希望背景。此外，這隻適用於webkit瀏覽器。我願意使用任何腳本來完成它--HTML5畫布，CSS3轉換，Javascript/jQuery等（儘管保持純CSS3會很好）。但是，我試圖避免使用任何圖像。

Answer 1

您可以通過使用JavaScript爲CSS屬性設置動畫效果。下面是一個使用一個比特的jQuery緩和改變的CSS的示例：

演示：http://jsfiddle.net/HYDAj/2/

基本上，我使用setInterval改變梯度角每100ms。我無法讓您的特定漸變起作用，並且此示例僅適用於WebKit瀏覽器，但這會讓您開始。

我還應該注意WebKit是獨立支持`background-clip：text'，所以這是另一個原因，這不能在Firefox或IE中工作。

如果你不在乎使用任何jQuery的，這裏是純JavaScript方式：

http://jsfiddle.net/HYDAj/3/