CSS3 анимация вращения не работает (jsFiddle)

Question

Я пытаюсь заставить элемент <div> постоянно вращаться на месте с помощью CSS3. У меня есть jsFiddle, настроенный на HTML и CSS3, но он ничего не делает. Любая помощь?

http://jsfiddle.net/8FUK8/

Обратите внимание, что я тестирую в Chrome и, следовательно, на данный момент использую только префикс -webkit-

Answer 1

Я недавно ответил на похожий вопрос .Вот jsfiddle для вашего удобства.Вы можете настроить стили в соответствии со своими потребностями, но стили вращения останутся без изменений.

Answer 2

сделать то же самое для изменения ключевого кадра @keyframes на @-webkit-keyframes

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 {}