CSS3グラデーションバックグラウンドスピンの作成

Question

アイテムにCSS3グラデーショングラデーションを設定しましたが、ゆっくりと回転させたいと思います。私はちょうどCSS3 & HTML5から始まっています（15年の間にCSS & HTMLを使用しましたが、新しいものがたくさんあります）。実際の要素ではなく背景だけを回転させることは可能ですか？

これは見たい場合は、http://www.itjustwerx.netです - 上部の左にある無限記号（はい、テキストの前景にあるにもかかわらず背景グラデーションですが、背景のクリップが好きです）。私はテキストを回転させたくありませんが、私はバックグラウンドが必要です。また、これはWebkitブラウザでのみ機能します。

HTML5キャンバス、CSS3トランスフォーム、Javascript/jQueryなど（ただし、純粋なCSS3を使用すると効果的ですが）どのスクリプトを使用しても構いません。私は、しかし、画像を使用しないようにしようとしています。

Answer 1

JavaScriptでCSSプロパティをアニメーション化すると、これを行うことができます。ここではCSSを変更容易にするためのjQueryのビットを使用する例です：

デモ：http://jsfiddle.net/HYDAj/2/

は基本的に、私は、勾配角度ごとに100ミリ秒を変更するsetIntervalを使用しています。私はあなたの特定のグラデーションを動作させることができませんでした。この例はWebKitブラウザでしか動作しませんが、それはあなたを始めるでしょう。

また、WebKitは `background-clip：text 'をサポートしているだけで、FirefoxやIEではうまくいきません。場合

あなたはどんなのjQueryを使用することを気にしませんでしたが、ここでは純粋なJavaScriptの方法です：私は感謝し、探していただけで何

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