这是一个阴影,我试图只使用CSS复制,我只是无法弄清楚如何做到这一点.我花了好几个小时尝试.我想我需要创建2个阴影元素,但我不知道如何继续.
我得到的最接近的是这个(一个糟糕的尝试 – 我知道)：

.type-product:before,.type-product:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 21px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  Box-shadow: 0 35px 20px #777;
  transform: rotate(-8deg);
}
.type-product:after{
  transform: rotate(8deg);
  right: 20px;
  left: auto;
}

如果任何CSS大师可以提供任何帮助,那么最感谢.

注意：我不认为this link完全涵盖了我的问题.它只讨论了曲线 – 虽然我需要一条带有颜色渐变的曲线……