どのように彼の中心の周りの要素を回転させるには？

-1

私には要素があります。 JSを使って回転したいと思います。どのように彼の中心の周りの要素を回転させるには？

動作しますが、他の点を中心に回転します。

私はそれを自分の中心の周りに回転させる必要があります。どうすればいいですか？

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

出典

2016-09-17 Harard Dype

'ローテート（）'ルールは* *要素の中心点の周りを回転しません。あなたはなぜそれがあなたの場合ではないと信じていますか？要素の幅と高さを設定する必要があるかもしれません。実際の例がここで助けになるでしょう。 –

変換元：中央 – Ivan

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

出典

2016-09-17 16:41:57

使用CSS3の機能：

transform-origin: center

出典

2016-09-18 02:15:23 billchen

どのように彼の中心の周りの要素を回転させるには？

答えて

関連する問題