CSS 3D世界，纯CSS如何绘制三棱锥

非常抱歉，断更了半年，原因也是有很多，疫情期间在老家也是没有电脑，上班后非常的忙，种种原因吧。

让小伙伴们久等了，非常抱歉！后续还是保持正常更新，不辜负小伙伴们的信任。

下面还是回归今天的主题：CSS如何制作三棱锥？

结构

三棱锥，大家看图，应该能看到它共有4个面，分别是3个侧面，1个底面。我们将其细分为，前面、左面、右面和底面。用html表示如下：

<ul class="cones-inner">
  <li class=