如何新建一个css到html,html – 如何在css中创建一个球体？

我试图用纯粹的css创建一个3D球体,但我无法生成所需的形状.我见过

cylinder,但我找不到创建实际球体的任何参考.

我目前的代码如下：

.red {

background-color: red;

}

.green {

background-color: green;

}

.blue {

background-color: blue;

}

.yellow {

background-color: yellow;

}

.sphere {

height: 200px;

width: 200px;

border-radius: 50%;

text-align: center;

vertical-align: middle;

font-size: 500%;

position: relative;

box-shadow: inset -10px -10px 100px #000, 10px 10px 20px black, inset 0px 0px 10px black;

display: inline-block;

margin: 5%;

}

.sphere::after {

background-color: rgba(255, 255, 255, 0.3);

content: '';

height: 45%;

width: 12%;

position: absolute;

top: 4%;

left: 15%;

border-radius: 50%;

transform: rotate(40deg);

}

然而,

>答：这些只是2D圆形,而不是3D形状

> B：我不能在3D中旋转它们(我想要一个旋转的图像)类似于地球仪.

对不起,如果我错过了什么,但我不太确定我应该去哪里问这个.