我在一个元素上设置了 CSS3 背景渐变，我想让它慢慢旋转。我刚开始使用 CSS3 和 HTML5(请注意，我已经使用 CSS 和 HTML 15 年了，不过还有很多新东西)。是否可以只旋转背景，而不旋转实际元素？
(删除页面链接，因为它不再存在)它是一个背景渐变，即使它在文本的前景上，一定要喜欢 background-clip)；我不希望文本旋转，但我确实希望背景旋转。此外，这仅适用于 webkit 浏览器。
我愿意使用任何脚本来完成它——HTML5 Canvas 、CSS3 转换、Javascript/jQuery 等(尽管保持纯 CSS3 会很棒)。不过，我尽量避免使用任何图片。
最佳答案
您可以通过使用 JavaScript 为 CSS 属性设置动画来实现此目的。下面是一个使用一些 jQuery 来简化 CSS 更改的示例:
演示:http://jsfiddle.net/HYDAj/2/
基本上，我使用 setInterval 每 100 毫秒更改一次渐变 Angular 。我无法使您的特定渐变起作用，并且此示例仅适用于 WebKit 浏览器，但这将帮助您入门。
我还应该注意到，WebKit 是唯一支持“background-clip: text”的，所以这是它在 Firefox 或 IE 中不起作用的另一个原因。
如果您不喜欢使用任何 jQuery，这里是纯 JavaScript 方式:
关于jquery - 制作 CSS3 渐变背景旋转，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10253675/