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

-1

它有效，但它围绕其他点旋转。

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

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

来源

2016-09-17 Harard Dype

的'旋转（）'规则*不*绕元素的中心点。你为什么认为这不是你的情况？您可能需要设置元素的宽度和高度。一个可行的例子在这里有帮助。 –

transform-origin：center – 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

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

回答

相关问题