仅在 div 的角落添加 box-shadow

5
我有一个关于box-shadow的问题。我需要在div的底部角落上只有阴影,就像这张图片上那样。有谁知道如何做到这一点?感谢您的帮助。
enter image description here

可能是CSS3“Lifted Corners” Drop-Shadow with Opacity的重复问题。 - apaul
2个回答

4
我分享一个工作链接给你,这个例子可以使用CSS3实现。点击下面的链接可以查看演示效果。演示效果

我尝试了这个,但是直到我给z-index:0或更高的值它才变得可见。可能出了什么问题? - Marko Vasic
可能是因为您的其他父元素具有更高的z-index分配...请分享HTML和CSS。 - Dipesh Parmar

2
您应该使用:before:after伪类选择器来实现CSS投影效果。
这里有一个很好的描述和教程过程:CSS无图像投影 效果的演示在这里:演示页面 如果您正在使用SASS / SCSS,请前往此处获取一个mixin,以自动为您生成效果。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接