在jQuery中转换

Question

我正在尝试使用jquery获取一个元素来设置旋转悬停效果的动画，我将对此jsFiddle进行测试。到目前为止，我有这个：

$(".icon").hover(function() {
        $(this).stop().animate({transform: "rotate(-90deg)", height: "200px"},400);
    },function() {
        $(this).stop().animate({backgroundColor : "black", color: "red"},400);
    });

但是它似乎根本没有旋转它，我知道设置css的正确方法是：

-webkit-transform：旋转（30deg）;

我已经试过了：

$(this).stop().animate({-webkit-transform: "rotate(-90deg)", height: "200px"},400);

但是即使高度也不会改变 任何建议将帮助谢谢！

Answer 1

使用出色的jQueryRotate插件。所有主流浏览器均支持

* Internet Explorer 6.0 >
* Firefox 2.0 >
* Safari 3 >
* Opera 9 >
* Google Chrome

要旋转图像，您需要做的就是$('#myImage').rotate(30) //for a 30 degree rotation
在哪里#myImage旋转元素的id。

要设置旋转动画，可以使用setTmeout ex：

setTimeout(function() { $('#myImage').rotate(30) },5)