Question

我有一个jQuery动画，图片从下到左滑动。现在我想用-ms-transform: rotate(90deg)旋转这个div。旋转此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>

Answer 1

这应该有用。（期待互联网浏览器和歌剧）

http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html

如何使用jQuery旋转动画div？

1 个答案: