这个是啥呢
<style>#mydiv {
margin: auto;
width: 90%;
height: 460px;
display: grid;
place-items: center;
perspective: 3000px;
}
#mplayer {
width: 300px;
height: 300px;
display: grid;
place-items: center;
transform-style: preserve-3d;
position: relative;
animation: rot 20s infinite linear;
}
.circle {
width: 300px;
height: 300px;
border: 1px solid silver;
border-radius: 50%;
display: block;
background: linear-gradient(90deg,orange,green,orange);
position: absolute;
}
@keyframes rot { to { transform: rotateZ(2turn)rotateX(-1turn); } }
</style>
<div id="mydiv">
<div id="mplayer"></div>
</div>
<script>
Array.from({length:9}).forEach( (item,key) => {
item = document.createElement('span');
item.className = 'circle';
item.style.cssText += `transform: rotateX(${key*40}deg) rotateY(${key*40}deg);`;
mplayer.appendChild(item);
});
</script>
这个就是横向纵向都有的多面体吧，好玩{:4_173:} 是黑黑带回来的外星秘密武器{:4_189:} 这个好像把个数取多点更好看，比如40个9度。 这个好玩，感谢老师分享！{:4_190:} 梦缘 发表于 2023-1-17 19:15
这个好玩，感谢老师分享！
{:4_191:} 红影 发表于 2023-1-17 18:36
这个就是横向纵向都有的多面体吧，好玩
{:4_181:} 红影 发表于 2023-1-17 18:37
是黑黑带回来的外星秘密武器
大过年的，别说武器，是鞭炮{:4_170:} 红影 发表于 2023-1-17 18:44
这个好像把个数取多点更好看，比如40个9度。
看样纸你试过了。因为是3d，也许对资源的消耗偏大，80以内的尚好 是啊，这是个啥呢？但，不管他是个啥，作为一种素材，它很实用。 醉美水芙蓉 发表于 2023-1-17 20:34
旋转立体图形很漂亮！
可以一看吧？ 马黑黑 发表于 2023-1-17 19:36
有点出乎想象，还以为跟原来一样看不出面来，像是带线条的球体。 马黑黑 发表于 2023-1-17 19:36
大过年的，别说武器，是鞭炮
或者说张灯结彩{:4_173:} 马黑黑 发表于 2023-1-17 19:37
看样纸你试过了。因为是3d，也许对资源的消耗偏大，80以内的尚好
嗯，当场试了一下，你帖子里的那个配色更好看。 红影 发表于 2023-1-17 21:28
嗯，当场试了一下，你帖子里的那个配色更好看。
多试试，都可以试出好看的样纸 红影 发表于 2023-1-17 21:25
或者说张灯结彩
最好 红影 发表于 2023-1-17 21:25
有点出乎想象，还以为跟原来一样看不出面来，像是带线条的球体。
你让它静止就看得清楚了 马黑黑 发表于 2023-1-17 22:24
多试试，都可以试出好看的样纸
我觉得现在的样子已经很好看了{:4_173:} 马黑黑 发表于 2023-1-17 22:24
最好
这回你不命名一下了？