javascript - 按下按钮旋转 div JQuery

Question

尝试div在用户单击 UI 上的特定按钮时为 a 设置动画。它只是一个简单的动画。下面是我的代码。一切正常，除了这条线

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')。