css 立体的金字塔

CSS立体金字塔可以通过使用CSS的transform属性和透视效果来实现。下面是一个简单的示例代码：

HTML代码：

<div class="pyramid"></div>

CSS代码：

.pyramid {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #ffcc00;
  transform: perspective(500px) rotateX(60deg);
}

这段代码创建了一个金字塔形状的元素，通过设置border属性来定义金字塔的形状，使用transform属性的perspective函数来创建透视效果，rotateX函数来旋转元素使其呈现立体效果。