如何让☆在中心旋转?

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

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);}
 }

我怎样才能解决它,让恒星绕着它的中心旋转?


默认的transform-origin50% 50% ,这是你想要的。

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

你需要让你的元素和内容一样大,并且让内容集中在内容中。

在你的例子中,将元素设置为inline-block并删除width:0将几乎修复它。

链接地址: http://www.djcxy.com/p/11773.html

上一篇: How to make ☆ spin around the centre?

下一篇: For a Python module, what are the standard global variables to declare?