CSS3回転アニメーションが動作しない（jsFiddle）

Question

私は<div>要素をCSS3を使用してその場で常に回転させようとしています。私はjsFiddleをHTMLとCSS3でセットアップしましたが、それは何もしていません。どんな助け？

http://jsfiddle.net/8FUK8/

私はChromeでテストするため、瞬間だけで-webkit-接頭辞を使用していますのでご注意ください。

Answer 1

キーフレームの変更のために同じことを行う@keyframes@-webkit-keyframesへ

Answer 2

私は最近similar questionに答え。あなたの便宜のためにここにはjsfiddleがあります。ニーズに合わせてスタイルを微調整できますが、回転スタイルはそのまま残ります。

Answer 3

アニメーションと@keyframesの互換性セレクタを使用する必要があります。例えば

-moz-animation:1s foo infinite alternate; 
-ms-animation:1s foo infinite alternate; 
-webkit-animation:1s foo infinite alternate; 

@-moz-keyframes foo {} 

@-ms-keyframes foo {} 

@-webkit-keyframes foo {}