Как повернуть элемент вокруг его центра?

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