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

Posted 2023-03-06

【中文标题】如何使内部正方形保持无限旋转[重复]

【英文标题】：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 的回答很到位。

【参考方案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>

【讨论】：

这正是我需要的！谢谢！

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