센터에서 요소를 회전시키는 방법은 무엇입니까?

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