胆小者慎入
<style type="text/css">.circle {
margin:10px auto;
position:relative;
width:300px;
height:300px;
border:10px dotted black;
border-radius:50%;
background:white;
animation: go 5s infinite;
}
@keyframes go {
to { transform:rotate(360deg); }
}
</style>
<div class="circle">
<div class="circle" style="="width:280px;height:=280px;"">
<div class="circle" style="="width:260px;height:=260px;">
<div class="circle" style="="width:240px;height:=240px;"">
<div class="circle" style="="width:220px;height:=220px;">
<div class="circle" style="="width:200px;height:=200px;">
<div class="circle" style="="width:180px;height:=180px;">
<div class="circle" style="="width:160px;height:=160px;">
<div class="circle" style="="width:140px;height:=140px;">
<div class="circle" style="="width:120px;height:=120px;">
<div class="circle" style="="width:100px;height:=100px;">
</div>
</div></div></div></div></div></div></div></div></div></div> 这个想毛毛虫{:4_173:} 红影 发表于 2022-1-14 21:20
这个想毛毛虫
做大了，做小的话估计很像 我冲着标题进来的{:4_189:} 马黑黑 发表于 2022-1-14 21:27
做大了，做小的话估计很像
嗯，可能是大了，看电脑下面的拉条一直在伸缩。 可以这样玩啊，太厉害了{:4_199:}
我打字的时候，界面一直跟着移动 辫子哥哥 发表于 2022-1-14 21:28
我冲着标题进来的
标题党总是有底气的{:4_170:} 红影 发表于 2022-1-14 21:58
嗯，可能是大了，看电脑下面的拉条一直在伸缩。
它们转动过程范围超出了容器 小辣椒 发表于 2022-1-14 22:24
可以这样玩啊，太厉害了
我打字的时候，界面一直跟着移动
不好打字吧 马黑黑 发表于 2022-1-14 22:26
它们转动过程范围超出了容器
原来是这样。 红影 发表于 2022-1-14 22:51
原来是这样。
这与transform的rotate原始半径有关 马黑黑 发表于 2022-1-14 22:26
不好打字吧
发现上面的圆超出界面了 小辣椒 发表于 2022-1-14 22:56
发现上面的圆超出界面了
对，这是多图堆叠后，它们的活动空间不够，但主题效果需要这个空间 像是战斗机的可变向矢量发动机喷口 四海八荒 发表于 2022-1-14 23:24
像是战斗机的可变向矢量发动机喷口
有一点点像 厉害厉害，有空我也玩玩。 加林森 发表于 2022-1-15 08:51
厉害厉害，有空我也玩玩。
好玩多玩玩 马黑黑 发表于 2022-1-15 08:53
好玩多玩玩
必须的 马黑黑 发表于 2022-1-14 22:52
这与transform的rotate原始半径有关
这些语句真神奇。 红影 发表于 2022-1-15 19:32
这些语句真神奇。
CSS就是很神奇的，小辣椒都很惊讶