使用CSS模拟3D球面

Question

我设法使用CSS here模拟了3D球体。但是，可以看出，我使用40 faces来创建该球体。恐怕渲染对于普通PC来说可能太多了，并且想减少faces的使用量。请注意，我将在球体上进行很多旋转，并且我将在一页上使用其中8个球体（尽管尺寸较小）。

此外，如果仔细看，某些侧面会带有凸出的边缘，当我旋转球体时可以看到这些边缘。这是不可取的。

要重申：

1. 如果确实过多，我想使用更少的faces 将要渲染的平均PC，因为我将在项目中渲染这些球体的八个

2. 如果不包括更多faces

，我想“平滑”突出的边缘