Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使内正方形保持无限旋转_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使内正方形保持无限旋转

Javascript 如何使内正方形保持无限旋转,javascript,html,css,Javascript,Html,Css,以这两个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:r

以这两个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)
}

.家长{
宽度:100px;
高度:100px;
保证金:50px自动;
}
.孩子{
宽度:50px;
高度:50px;
保证金:25像素自动;
变换:旋转(45度)
}

可能是关于无限旋转。如果是这样的话,可能就是这样:)

.parent{
宽度:100px;
高度:100px;
保证金:50px自动;
边框:1px纯红;
}
.孩子{
宽度:50px;
高度:50px;
保证金:25像素自动;
动画:旋转2s线性无限;
边框:1px纯蓝色;
}
@关键帧旋转{
从{
变换:旋转(0度);
}
到{
变换:旋转(360度);
}
}

可能是关于无限旋转。如果是这样的话,可能就是这样:)

.parent{
宽度:100px;
高度:100px;
保证金:50px自动;
边框:1px纯红;
}
.孩子{
宽度:50px;
高度:50px;
保证金:25像素自动;
动画:旋转2s线性无限;
边框:1px纯蓝色;
}
@关键帧旋转{
从{
变换:旋转(0度);
}
到{
变换:旋转(360度);
}
}


2分钟内对不清楚的问题进行3次投票。看起来很可疑。。。持续旋转意味着什么?我觉得这很简单。格泽戈兹的回答很准确。对于一个不清楚的问题,他在2分钟内投了3票。看起来很可疑。。。持续旋转意味着什么?我觉得这很简单。格泽戈兹的回答很准确。这正是我需要的!非常感谢。不客气。那些消极的人,不是每个人每天都说英语,因为英语不是他们的母语。一点同理心。这正是我需要的!非常感谢。不客气。那些消极的人,不是每个人每天都说英语,因为英语不是他们的母语。一点同理心。