提问人：عثمان غني 提问时间：11/2/2023 最后编辑：عثمان غني 更新时间：11/2/2023 访问量：48
椭圆 伪元素阴影 css
Ellipse Pseudo element shadow css
问：
我试图为我的伪元素添加阴影，但徒劳无功。尝试了很多文章，但仍然不起作用。我的代码：
.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>请帮忙。
答：
0赞
angualr dev
11/2/2023
#1
由于背景颜色与UI颜色相同，因此更改背景颜色 背景：#F2F2F2;
评论
0赞
عثمان غني
11/2/2023
我需要伪元素上的 box-shadow。
1赞
Rene van den Berg
11/2/2023
#2
由于该属性，您正在“剪切”部分视觉效果，包括阴影。
你现在拥有的形状是你想要达到的形状吗？也许你可以用它来代替创建那个形状。clip-pathborder-radiusclip-path
评论