Как повернуть анимированный div с помощью jQuery? - PullRequest
Новая
       16

Как повернуть анимированный div с помощью jQuery?

0 голосов
/ 27 мая 2011

У меня есть анимация jQuery, где картинки скользят снизу вверх. Теперь я хочу повернуть этот div с -ms-transform: rotate(90deg). После вращения этого div анимация нарушается.

Анимация должна иметь фиксированный информационный блок слева и картинки, которые скользят слева направо справа. Контейнер анимации вращается на 90 градусов.

Моя анимация: 

$('#divImg0').animate({ "marginTop": -this.screenHeight, "Height": 0 }, "slow");

HTML: 

<div style="-ms-transform: rotate(90deg); position: absolute; right: 0; bottom: 0;">
    <div id="PictureContainer" style="padding: 0; margin: 0;"> </div>
</div>

<div id="InfoBox" style="position: absolute; top: 0; height: 768px; width: 200px; padding: 0; margin: 0; background-color: #000; z-index: 99;">
    <div style="-ms-transform: rotate(90deg);">wasd asd asd</div>
</div>

1 Ответ

0 голосов
/ 27 мая 2011

это должно быть полезно. (Ожидайте, что Internet Explorer и Opera)

...