CSS :hover rotate element and keep the new position

Question

我是否有可能(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;
    }
});

Answer 1

你可以使用 jquery:

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

记得加

$(document).ready(function(){

});