旋转div按钮按下JQuery

Question

当用户点击用户界面上的特定按钮时，尝试为div设置动画。它只是一个简单的动画。以下是我的代码。一切都很好，除了这一行

transform:"rotate(260deg)"

我正在使用谷歌浏览器，我知道它应该是-webkit，但这会在代码中引发错误。

    $("#anim2").on("click", function(){
            console.log("anim2");
            b1.animate({
                left:"250px",
                height:"20px",
                width:"20px",
                opacity:"0.5",
                transform:"rotate(260deg)"
    });
});

我有什么想法可以调整它以便它可以工作吗？

Answer 1

不确定这是否可以插入到您的javascript中，但是在：hover，此CSS过程应该可以解决Chrome中的旋转问题......

transform:rotate(deg);
-webkit-transform:rotate(260deg);

但是你可以创建一个设置这些规则的CSS类，并在你的jQuery中调用那个类.on（'click'）。