css - css:hover旋转元素并保持新位置

我有（css？）可能会在移出鼠标时在element:hover上旋转元素并保持新位置吗？

似乎当光标离开：hover-区域时，元素旋转回到其默认位置。

编辑：

现在它似乎起作用了（忘了说，我希望它每次/多次发生）：

var rotate = 360;
  $('.artistbutton360').bind({
    mouseenter: function() {
      $(this).css("-webkit-transform","rotate("+ rotate +"deg)");
      $(this).css("-moz-transform","rotate("+ rotate +"deg)");
      $(this).css("-o-transform","rotate("+ rotate +"deg)");
      $(this).css("transform","rotate("+ rotate +"deg)");
      rotate = rotate + 360;
    }
});

最佳答案

您可以使用jquery：

$('element').hover(function(){
  $(this).css(whatever);
});

记得加

$(document).ready(function(){

});

关于css - css:hover旋转元素并保持新位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23313727/