jquery 为旋转 div 设置动画

我想在诸如

之类的动画函数中旋转 div

 $('div').animate({rotate: '30deg'},1000);

我发现了这个:

jQuery Patch: Animate CSS Rotation and Scale - zachstronaut

但我想知道是否有更正式的方法或至少不同的方法.

谢谢

解决方案

如果您愿意将 CSS3 与 jQuery 结合使用，也许这种方法可能对您有用:

HTML

<div id="click-me">Rotate</div>

<div id="rotate-box"></div>

CSS

#rotate-box{

   width:50px;
   height:50px;
   background:#222222;

}

@-moz-keyframes rotatebox /*--for firefox--*/{

    from{
        -moz-transform:rotate(0deg);
    }       
    to{
        -moz-transform:rotate(360deg);
    }                       

}

@-webkit-keyframes rotatebox /*--for webkit--*/{

    from{