箱子阴影只在div角落

我有一个盒子阴影的问题。我需要在这个图像上只有div的底角才有阴影。 Deos有谁知道如何做到这一点？在此先感谢您的帮助。 enter image description here 箱子阴影只在div角落

2013-08-19 MrCkobe

[CSS3“Lifted Corners”Drop-Shadow with Opacity]可能重复（http://stackoverflow.com/questions/16067109/css3-lifted-corners-drop-shadow-with-opacity） – apaul

我正在分享工作链接到示例。

您可以使用css3来做到这一点。

2013-08-19 09:05:17

我试过这个，但是直到我给出z-index：0或更高时才可见。什么可能是一个问题？ – MrCkobe

可能是因为你有其他父母有更高的z-index分配......共享'HTML'和'CSS' –

你是对的，父母的元素是问题 – MrCkobe

您应该使用:before和:after伪CSS选择器。

有过程的一个很好的说明和教程在这里：CSS Drop-shadows

这里的效果演示：Demo page

如果您使用SASS/SCSS头在here抢一个mixin自动生成为你效果。

2013-08-19 09:06:48 cowcowmoomoo

回答