Производительность при вращении изображений HTML

[msfive]

Всем привет.

Недавно столкнулся с задачей реализовать анимацию блока в HTML.

Блок должен растягиваться на весь экран и даже немного больше, чтобы при повороте не было видно краёв блока.

В блоке должно быть изображение, которое весит около 1.5 Мб и имеет разрешение приблизительно 2500х1800.

Я пробовал 2 способа.

1-й - размещал абсолютный блок 120х120 % и устанавливал background-size в cover.

Таким образом при анимации увеличения блока фоновое изображение растягивалось.

При этом блок должен ещё поворачиваться на определённый градус, для чего я использовал jqeury.rotate.

2-й - некрасивый. Вставлял изображение в img.

Но проблема не ушла, которая заключается в следующем.

В IE 9, как ни странно, всё работает здорово, т.е. анимация происходит плавно.

В остальных же браузерах анимация состоит порой всего из 2-х кадров, т.е. там всё здорово виснет.

Думаю, должно быть какое-то решение этой проблемы.

Если есть у кого-то какие-либо идеи или уже готовое что-то, прошу помочь.

Заранее всем спасибо.