如何使用 jQuery 旋转动画 div？

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

这应该会有所帮助。（预计 Internet Explorer 和 Opera）

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