CSS « Код работает не во всех браузерах

Всем доброго времени суток! Имеется вот такая картинка: и вот такой код css:

.sign {
  width: 177px;
  height:140px;
  transform-origin: 50% -65px;
  animation: swing 1.5s infinite alternate ease-in-out;
}

.sign:hover {
  animation-play-state: none;
}

@keyframes swing {
  0% { transform: rotate(-3deg) }
  100% { transform: rotate(3deg) }
}


Проблема в том, что в браузерах Opera и FireFox эта табличка болтается из стороны в сторону, как и задуманно, а в Chrome и IExplorer неподвижна :( Не подскажите, в чём может быть проблема? Заранее спасибо!

P.S.: Сразу извинюсь за возможно некорректный и глупый вопрос, но если бы я сама это знала....

1 ответов


в jsfiddle очень удобно писать код для вопросов.

http://jsfiddle.net/Lewik/sB4MQ/1/
Работает кроме IE 7 8 9 (в 10 работает, 11-го на работе нет)

Черпал отсюда