如何让☆在中心旋转？

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几乎可以解决该问题。