怎么让☆围绕中心旋转？

Question

我正试图让这个明星围绕它的中心旋转。现在它围绕其他一些点旋转。

http://dharman.eu/test/test3.php

#question {
    animation: 1s linear 0s normal none infinite spin;
    display: block;
    width: 0;
}

 @-moz-keyframes spin { 
     from {-moz-transform: rotate(00deg); } 
     to {-moz-transform: rotate(360deg);}
 }

我怎样才能解决这个问题，让明星围绕它的中心旋转？

Answer 1

默认transform-origin为50% 50%，这就是您想要的。

但是您将宽度设置为0，因此它在水平方向上绕0旋转。

您需要使元素与内容一样大，并使内容集中在其中。

在您的示例中，只需将元素设置为inline-block并删除width:0即可解决此问题。