制作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/