如何使用jQuery旋转动画div？

Question

我有一个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> 

Answer 1

这应该有帮助（预期Internet Explorer和Opera）

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