title: css :hover rotate element and keep the new position
body: <p>I there a (css?) possibility to rotate an element on <code>element:hover</code> and keep the new position when moving the mouse out?</p>
  
  <p>It seems that the element rotates back to it`s default position when the cursor leaves the :hover - area.</p>
  
  <p><strong>edit:</strong></p>
  
  <p>now it seems to work (forgot to say, that i wanted it to happen each time/ multiple times):</p>
  
  <pre><code>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;
      }
  });
  </code></pre>