如何使内部正方形保持无限旋转[重复]

【问题标题】：How to keep the inner square in a infinite rotation [duplicate]如何使内部正方形保持无限旋转[重复]
【发布时间】：2019-11-16 22:33:42
【问题描述】：

我以这两个 div 为例，我想让内部的 div 保持无限旋转状态。我该怎么办？

<div class="parent">
  <div class="child">
 </div>
</div>

.parent{
  width:100px;
  height:100px;
  margin:50px auto;
}

.child{
  width:50px;
  height:50px;
  margin:25px auto;
  transform:rotate(45deg)
}

【问题讨论】：

在 2 分钟内为一个不清楚的问题投了 3 票。似乎很可疑... in a constant rotation 是什么意思？
对我来说似乎很简单。 Grzegorz 的回答很到位。

标签： javascript html css

【解决方案1】：

也许是关于无限旋转。如果是这样，也许这就是它的目的:)

.parent {
      width: 100px;
      height: 100px;
      margin: 50px auto;
      border: 1px solid red;
    }

    .child {
      width: 50px;
      height: 50px;
      margin: 25px auto;
      animation: rotating 2s linear infinite;
      border: 1px solid blue;
    }

    @keyframes rotating {
      from {
        transform: rotate(0deg);
      }

      to {
        transform: rotate(360deg);
      }
    }

<div class="parent">
    <div class="child">
    </div>
  </div>

【讨论】：

这正是我需要的！谢谢！
不客气。而那些消极的人，并不是每个人每天都说英语，因为这不是他们的母语。有点同理心。