我正在尝试使用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);

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