在按钮上旋转div按JQuery

尝试在用户点击UI上的特定按钮时动画div。这只是一个简单的动画。以下是我的代码。一切工作正常，除了这行在按钮上旋转div按JQuery

transform:"rotate(260deg)"

我使用谷歌Chrome和我知道，它应该是-webkit但是这将引发一个错误代码。

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

任何想法如何调整它，所以它会工作？

来源

2013-10-23 Javacadabra

[Animate元素转换旋转]的可能的副本（http://stackoverflow.com/questions/5462275/animate-element-transform-rotate） – Tomjr260

jquery dosen't工作的方式使用CSS3转换。 – 0xcaff

不知道这是否可以插入到你的JavaScript，但：悬停，这个CSS过程中应做到在Chrome旋转的伎俩......

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

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

来源

2013-10-23 21:14:47 blackhawk

你也可以尝试使用：在你的CSS中激活以获得调用该过程的“点击”的感觉。 – blackhawk

在按钮上旋转div按JQuery

回答

相关问题