我的示例/作品:http://thomasdebelder.be/1/ 我正在尝试像这样旋转月球、行星:https://www.google.com/doodles/new-horizons-pluto-flyby但它不起作用,我尝试在我的 css 代码中进行转换:用 180 度和 360 度旋转它,用 transform-origin:center 围绕 X 旋转它,但它仍然旋转得很糟糕。它需要围绕中心旋转,就像在 google 链接中不是从左到右。
@keyframes 月亮 {
100% {
变换:旋转(180度);
}}
<!-- MOON -->
<div class="moon">
<img src="images/moon.png">
</div>
最佳答案
你需要添加一个 transform-origin: 50% 50% 来让这个绕着中心转
关于css - 旋转图像无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43255370/