椭圆伪元素阴影css

Question

我试图向我的伪元素添加阴影但徒劳。尝试了很多文章，但还是不行。我的代码：

.ug-slick .slick-slide {
            width: 800px;
            height: 500px;
        }
        .ug-slick::after {
            content: "";
            position: absolute;
  bottom: 8px;
  right: -5%;
  left: -5%;
  height: 60px;
  width: 110%;
  background: #F2F2F2;
  -webkit-clip-path: ellipse(100% 50% at 100% 50%);
  clip-path: ellipse(70% 50% at 50% 50%);
  box-shadow: 0px 10px 5px black;
        }

<div class="ug-slick">
</div>

请帮忙。

Answer 1

由于背景颜色与 ui 颜色相同，请更改背景颜色，例如 背景：#F2F2F2；

Answer 2

由于

clip-path

属性，您将“剪掉”视觉效果的一部分，包括阴影。 你现在的身材是你想要达到的身材吗？也许您可以使用

border-radius

而不是

clip-path

来创建该形状。