HTML – 如何使☆围绕中心旋转?

HTML – 如何使☆围绕中心旋转?,第1张

概述我试图让这个明星围绕它的中心旋转.现在它围绕其他一些点旋转. http://dharman.eu/test/test3.php #question { animation: 1s linear 0s normal none infinite spin; display: block; width: 0;} @-moz-keyframes spin { fr 我试图让这个明星围绕它的中心旋转.现在它围绕其他一些点旋转.

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旋转.

您需要使元素与内容一样大,并使内容居中.

在您的示例中,只需将元素设置为内联块并删除宽度:0几乎可以修复它.

总结

以上是内存溢出为你收集整理的HTML – 如何使☆围绕中心旋转?全部内容,希望文章能够帮你解决HTML – 如何使☆围绕中心旋转?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1138986.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存