如何围绕他的中心旋转元素？

Question

所以我有一个元素。 我想用JS旋转它。

它可以工作，但它会围绕其他点旋转。

我需要围绕自己的中心旋转它。 我该怎么做？

$(window).on('scroll', function() {
    var a = $(window).scrollTop();
    $('.section-4 .photo .after').css('transform', 'rotate('+ (a / 10) +'deg)');
});

Answer 1

<div class = "rotateDiv"></div>
<img src = "http://static-note-i-1.heartynote.com/img/icons/head_logo.png">
<style>
img{
transform: rotate(160deg);
}

Answer 2

使用CSS3功能：

transform-origin: center