给予＆＃34;深度＆＃34;到CSS多边形

Question

我在下面的CSS类中描述了简单的2D多边形：

.arrowdown{
  width: 50px;
  height: 50px;
  background: white;
  z-index:1;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0, 50% 36%);
  clip-path: polygon(0 0, 50% 100%, 100% 0, 50% 36%);
  position:absolute;
}

我要做的是给形状一些深度＆＃34;。假设你正面对着一张纸（垂直于地面）。我试图复制的动作就是把那张纸放在一张表面上。

我需要什么转型（？）？