逆时针旋转图像

Question

我有一个为时针旋转的圆圈。

我试图逆时针旋转它：

<img src='http://aprilzero.com/static/images/rings_desktop/1.png'>

var $circle = $("img"), degree = 0, timer;
    var x = "-" + degree + 'deg';

function rotate(x) {  
      $circle.css({ WebkitTransform : 'rotate(x)',
                  '-webkit-transition-duration': '0.5s'
                  });
      timer = setTimeout(function() {
            ++degree; rotate();
      },100);

}
rotate();

如何逆时针旋转图像？

FIDDLE

Answer 1

使用负角度：

var $circle = $("img"), degree = 0, timer;

    function rotate() {
      $circle.css({ WebkitTransform : 'rotate(' + degree + 'deg)',
                  '-webkit-transition-duration': '0.5s'
                  });

      timer = setTimeout(function() {
            --degree; rotate();
        },100);

    }

rotate();

http://jsfiddle.net/f7RNQ/18/