如何讓☆在中心旋轉？

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幾乎可以解決該問題。