jquery - jqueryとcss2を使用してdivをローテーションする

Question

イベントでdiv回転させたいのですが、mouseenter

回転を1つの動きではなくアニメーション化する必要があります-のように:hover-、もちろんjQueryを使用して、回転を作成するためのアイデアはありますか？

Answer 1

検索をくり抜くと、多くの例が見つかります。たとえば、ここから私はこれを見つけました：

$(function() {
    var $elie = $(selectorForElementsToRotate);
    rotate(0);
    function rotate(degree) {

          // For webkit browsers: e.g. Chrome
        $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
          // For Mozilla browser: e.g. Firefox
        $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});

          // Animate rotation with a recursive call
        setTimeout(function() { rotate(++degree); },5);
    }
});