css：悬停旋转元素并保持新位置

Question

我有一种（css？）旋转element: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;
    }
});

Answer 1

您可以使用jquery：

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

记得添加

$(document).ready(function(){

});