如何让☆在中心旋转?
我试图让这个明星围绕它的中心旋转。 现在它围绕其他一点旋转。
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-origin
是50% 50%
,这是你想要的。
但是,您将宽度设置为0,因此它会在水平方向上围绕0旋转。
你需要让你的元素和内容一样大,并且让内容集中在内容中。
在你的例子中,将元素设置为inline-block
并删除width:0
将几乎修复它。
上一篇: How to make ☆ spin around the centre?
下一篇: For a Python module, what are the standard global variables to declare?