jquery - jquery 动画变换：旋转

Question

我有以下图像，我正在尝试为旋转设置动画：

我目前用于图像的 css 是这样的（图像有一个“p5easy”类：

.p5easy{ 
   transform:rotate(-90deg);
   -ms-transform:rotate(-90deg); /* IE 9 */
   -webkit-transform:rotate(-90deg); /* Safari and Chrome */
}

然后我使用 jQuery 来尝试为图像设置动画。我正在执行以下操作：

$('.p5easy').delay(0).show().animate({'-webkit-transform':'rotate(0deg)'},{duration: 1000});    

我不太确定，但这不起作用。我是否以正确的方式处理这个问题？jQuery animate 是否支持旋转，或者我需要另一个插件吗？

这是一个小提琴http://jsfiddle.net/jvpEN/

Answer 1

试试这个

$('.p5easy').animate({  textIndent: 0 }, {
    step: function(now,fx) {
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
    },
    duration:'slow'
},'linear');

Answer 2

我可能晚了一点（一年），但你可以尝试其中一个： http ://www.jqueryrain.com/2012/08/jquery-flip-effect-plugin-examples/